title: Flutter: video not display correctly in chewie video player component
body: <p>the video is not display correctly at my side unless I manually go for full screen and exit full screen, really not sure what is the issue.
  below is the code of the screen navigated to when I click on the button from previous screen, and the screenshot</p>
  <pre><code>import 'package:flutter/material.dart';
  import 'package:chewie/chewie.dart';
  import 'package:video_player/video_player.dart';
  
  class VideoPlayer extends StatefulWidget {
    const VideoPlayer({
      Key? key,
    }) : super(key: key);
  
    @override
    State&lt;VideoPlayer&gt; createState() =&gt; _VideoPlayerState();
  }
  
  class _VideoPlayerState extends State&lt;VideoPlayer&gt; {
    final chewieController = ChewieController(
      videoPlayerController: VideoPlayerController.network(
          'https://flutter.github.io/assets-for-api-docs/assets/videos/butterfly.mp4'),
      autoPlay: false,
      maxScale: 1,
      looping: false,
    );
  
    @override
    void initState() {
      super.initState();
    }
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
          body: Center(
              child: Chewie(
        controller: chewieController,
      )));
    }
  
    @override
    void dispose() {
      chewieController.dispose();
      super.dispose();
    }
  }
  </code></pre>
  <p><img src="https://user-images.githubusercontent.com/36293056/165279064-347fcbc5-6dc8-418e-988c-df660a8c7c0f.png" alt="image" /></p>