如何在列表视图中添加视频

时间:2020-06-27 17:09:36

标签: flutter dart

我想在列表视图中显示图像和视频,我可以显示图像,但是我也想显示视频,请帮助我。我想创建像instagram这样的应用,这是我的视频代码。

class mydynamic extends StatefulWidget {
  @override
  _mydynamicState createState() => _mydynamicState();
 }

class _mydynamicState extends State<mydynamic> {
 List<String> urls = [
"https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4",
"https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4",
"https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4"
];

VideoPlayerController _controller;

@override
void initState() {
  super.initState();
_ controller = VideoPlayerController.network(
    'https://flutter.github.io/assets-for-api-docs/assets/videos/bee.mp4')
  ..initialize().then((_) {
    setState(() {});
  });
}

@override
Widget build(BuildContext context) {
return Scaffold(
  appBar: new AppBar(title: Text("Adas")),
  body: Center(
    child: _controller.value.initialized
        ? AspectRatio(
            aspectRatio: _controller.value.aspectRatio,
            child: VideoPlayer(_controller),
          )
        : Container(),
  ),
  floatingActionButton: FloatingActionButton(
    onPressed: () {
      setState(() {
        _controller.value.isPlaying
            ? _controller.pause()
            : _controller.play();
      });
    },
    child: Icon(
      _controller.value.isPlaying ? Icons.pause : Icons.play_arrow,
    ),
  ),
);
}
 @override
  void dispose() {
  super.dispose();
  _controller.dispose();
}
}

我已经尝试了上面的示例,但是效果很好,但是我无法应用将视频放入列表视图的逻辑,请为此提供任何解决方案。谢谢

1 个答案:

答案 0 :(得分:0)

1 2 3 <NA> 1 1 5 2 3 2 2 2 9 0 3 8 1 2 2 1 2 3 1 1 5 2 2 2 2 9 3 8 1 2 <NA> 1 1 4 $link = "<a href=\"javascript:void(0);\" class=\"btn btn-read btn-flat\" onclick=\"showLoginLightBox(0,'active');\">Click Here</a>"; 的视频控制器一起使用

ListView.Builder