Видео в режиме вертикальной прокрутки во флаттере

Question

Я пытался разместить несколько видео в виде вертикальной прокрутки в представлении списка ... на карте ..... Я хотел бы просмотреть несколько видео в режиме вертикальной прокрутки.Как выглядит изображение ниже.Я создал sliver с гибкой панелью приложений, а затем добавил видео в фоновом режиме, как вы можете видеть, теперь я хотел сделать то же самое с вертикальной прокруткой с картами внутри, ноэто довольно сложно, я попробовал расширенную опцию, а не размер, но все равно не смог воспроизвести видео .... мой код, как вы можете видеть, я поместил одно видео с другой страницы как 'VideoPlayerApp' и другой, я хотел использовать видеоконтроллер, спасибо.'

import 'package:flutter/material.dart';
import 'package:flutter/semantics.dart';
import 'package:restored/home/home/myflexiableappbar.dart';
import 'package:restored/home/home/myappbar.dart';
import 'package:restored/Videos/butterfly.dart';
import 'package:video_player/video_player.dart';

class MainForm extends StatefulWidget {
  @override
  _MainFormState createState() => _MainFormState();
}

class _MainFormState extends State<MainForm> {
  VideoPlayerController _controller;

  Future<void> _initializeVideoPlayerFuture;
  @override
  void initState() {
    _controller = VideoPlayerController.network(
      'https://flutter.github.io/assets-for-api-docs/assets/videos/butterfly.mp4',
    );

    // Initielize the controller and store the Future for later use.
    _initializeVideoPlayerFuture = _controller.initialize();

    // Use the controller to loop the video.
    _controller.setLooping(true);
    super.initState();
  }

  @override
  void dispose() {
    // Ensure disposing of the VideoPlayerController to free up resources.
    _controller.dispose();

    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.red,
      body: CustomScrollView(
        slivers: <Widget>[
          SliverAppBar(
            title: MyAppBar(),
            pinned: true,
            expandedHeight: 210,
            flexibleSpace: FlexibleSpaceBar(
              background: VideoPlayerApp(),
            ),
          ),
          SliverList(
            delegate: SliverChildListDelegate(<Widget>[
              Container(
                margin: EdgeInsets.symmetric(vertical: 20.0),
                height: 300,
                child: ListView(
                  scrollDirection: Axis.horizontal,
                  children: <Widget>[
                    Container(
                      width: 300.0,
                      child: Card(
                        child: Wrap(
                          children: <Widget>[
                            VideoPlayer(_controller),
                          ],
                        ),
                      ),
                    ),
                     Container(
                      width: 300.0,
                      child: Card(
                        color: Colors.green,
                        child: Wrap(
                          children: <Widget>[
                            Expanded(
                              child: VideoPlayerApp(),
                            )

                          ],
                        ),
                      ),
                    )
                  ],
                ),
              ),
            ]),
          )

        ],
      ),
    );
  }
}

`