Flutter 我如何在 alertDialog 中显示视频

Question

我想在 alertDialog 小部件中显示视频，但我不知道如何在 alertDialog 小部件中显示它。这是我的代码。

class ResultScreen extends StatelessWidget {
static const routeResult = '/result-screen';
@override
Widget build(BuildContext context) {
return Scaffold(
    appBar: AppBar(
        title: Text('The Result'),
        backgroundColor: Colors.brown,
        elevation: 0.0),
    drawer: SideManu(),
    body: ListView(children: <Widget>[
      Container(
          child: Stack(children: <Widget>[
        Background(),
        MoodText(),
        ShowLevel(),
        ActivityText(),
        ActivityClip()
      ]))
    ]));
 }
}

这是我的视频打开按钮代码

class ActivityClip extends StatelessWidget {
final List<String> numbers = [
  'Soft Music',
  'Meditation',
  'Pray',
  'Breathing',
  'Relex'
];
@override
Widget build(BuildContext context) {
return Container(
    margin: const EdgeInsets.only(right: 10, left: 10, top: 350),
    height: MediaQuery.of(context).size.height * 0.3,
    child: ListView.builder(
        scrollDirection: Axis.horizontal,
        itemCount: numbers.length,
        itemBuilder: (context, index) {
          return Container(
              width: 200,
              margin: const EdgeInsets.only(right: 10),
              child: RaisedButton(
                color: Colors.brown,
                child: Container(
                  child: Center(
                      child: Text(
                    numbers[index].toString(),
                    style: TextStyle(color: Colors.white, fontSize: 30.0),
                  )),
                ),
                onPressed: () {
                 activityVideo(context);
                 //alertDialog to show a video
                },
              ));
        }));  
 }

这是我的 alertDialog 代码。这个对话框我打算展示一个视频片段。

void activityVideo(BuildContext context){
var alertDialog = AlertDialog(
  title: Text("videoclip"),
  actions: <Widget>[
          FlatButton(
              child: Text('Rate'),
              onPressed: () {
                rateVideo(context);
              }),
              FlatButton(
              child: Text('Finish'),
              onPressed: () {
                Navigator.of(context).pop();
              }),
        ],
);
showDialog(context: context,
builder: (BuildContext context){
  return alertDialog;
}
);
}

云你给我一个例子来展示视频的方式。或者，如果有任何好的方法可以代替这种方式显示视频，您可以建议我。太感谢了。

这是我的应用程序的图片，让你更清楚。这是我的页面，如果你点击 activity 它会弹出视频 cilp。

home page

这是我打算放映视频的对话。

alertDialog

Answer 1

AlertDialog 有一个内容字段，您可以轻松地将小部件发送到 it.check 文档作为一个简单示例。此外，为了显示您使用的视频 video_player package. for a simple tutorial check this post 由 flutter 团队发布。

Flutter 我如何在 alertDialog 中显示视频

Flutter how do i show a video in alertDialog

dart

flutter

flutter-layout

flutter-animation