在从事项目时,我遇到了使用youtube_player_flutter软件包创建动态YouTube视频列表。
所以这是我开发代码的方式。
首先,我创建了一个新的Flutter项目。然后,我打开了我的phpmyadmin,开始创建表格,以存储将显示给用户的动态数据。
Create A SQL Table
CREATE TABLE `videosapp` ( `youtubeid` varchar(100) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1; ALTER TABLE videosapp ADD PRIMARY KEY (youtubeid); COMMIT;
- 创建PHP文件以提供来自PHPMYADMIN数据库的JSON数据。
连接到phpmyadmin。
static $DB_SERVER=””;
static $DB_NAME=””;
static $USERNAME=””;
static $PASSWORD=””;
获取数据并将其转换为JSON格式。
while($row=$result->fetch_array()) {
array_push($spacecrafts, array(“youtubeid”=>$row[‘youtubeid’])); }
print(json_encode(array_reverse($spacecrafts)));
- 最后一步是解析flutter应用程序中的值。
使用ListView Builder创建一个小部件,该小部件将从JSON格式中从PHP文件中检索的YouTube ID创建列表。
ListView.builder( itemCount: widget.spacecrafts.length, itemBuilder: (context, int currentIndex) {
return createViewItem(widget.spacecrafts[currentIndex], context); },
通过提供从数据库到YouTube Player Controller IntialVideoid的YouTube ID来创建列表。
final List<YoutubePlayerController> _controllers = [spacecraft.youtubeid] .map<YoutubePlayerController>( (videoId) =>
YoutubePlayerController(
initialVideoId: videoId,
flags: YoutubePlayerFlags( autoPlay: false, ), ), ) .toList();
创建一个未来的构建器并检索快照数据并将其显示在屏幕上。您也可以使用Firebase或任何其他后端服务来使用StreamBuilder显示视频列表。
您可以在此处找到该项目的完整源代码。
stevie1mat / Flutter-Youtube-List-With-PHP-MySql
php -mySQL(使用phpmyadmin)flutter youtube列表
flutter youtube列表来自php -mySQL(使用phpmyadmin)
使用PHP和MySQL flutter YouTube列表视图通过将其转换为JSON并在Flutter应用程序中解析。如果您不想使用PHP,也可以直接使用JSON。 (所有这些工作都遥不可及您可以编辑和更改。)
使用的软件包
更新到最后版本,以使您不遇到任何错误。
设置此步骤:
- 创建一个SQL表
CREATE TABLE `videosapp` (
`youtubeid` varchar(100) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
ALTER TABLE
videosapp
添加主键(youtubeid
);
犯罪;
- 使用您的凭据和表名称编辑VideoApp.php文件,然后将其上传到您的服务器。
- 最终将链接更改为list.dart文件中的PHP文件。已经提供了示例链接,请不要以任何方式滥用它。
屏幕截图