macbook浏览器状态栏变宽

Posted 2023-05-07

参考技术A 1、首先右键任务栏，取消锁定任务栏，才可以设置。将鼠标悬停在桌面和任务栏衔接处，鼠标就会变成双箭头。
2、其次使用鼠标左键点击接缝处不松手，同时将鼠标向下拽。满意后再松手，任务栏就会恢复变窄了。
3、最后为了防止误操作导致任务栏再变样，右键点选锁定任务栏，就不会变宽了。

使用 flick_video_player 显示视频后，状态栏变黑

【中文标题】使用 flick_video_player 显示视频后，状态栏变黑

【英文标题】：StatusBar went black after showing video with flick_video_player

【发布时间】：2021-12-28 01:00:34

【问题描述】：

我使用 flick_video_player 在我的 Flutter 应用中显示视频，但是在导航到带有视频的屏幕后，我的状态栏变黑了。谁能帮我解决一下？

在导航到此屏幕之前显示状态栏，但是当视频屏幕构建时状态栏变黑并且即使在弹出后仍然保持

源代码：

class Screen extends StatelessWidget 
  const Screen(Key? key) : super(key: key);

  @override
  Widget build(BuildContext context) 
    return Scaffold(
      appBar: AppBar(
        title: const Text('text'),
      ),
      body: Widget(),
    );
  


class Widget extends StatelessWidget 
  const Widget(Key? key) : super(key: key);

  @override
  Widget build(BuildContext context) 
    return Padding(
      padding: const EdgeInsets.fromLTRB(16, 0, 16, 0),
      child: ListView(
        physics: const BouncingScrollPhysics(
            parent: AlwaysScrollableScrollPhysics()),
        children: [
          SizedBox(height: 16),
          Video()
          ),
        ],
      ),
    );
  

     class Video extends StatefulWidget 
      const Video(Key? key) : super(key: key);
    
      @override
      _VideoState createState() => _VideoState();
    
    
    class _VideoState extends State<Video> 
      late FlickManager flickManager;
      @override
      void initState() 
        super.initState();
        flickManager = FlickManager(
            videoPlayerController: VideoPlayerController.asset(
                'assets/videos/video.mp4'));
      
    
      @override
      void dispose() 
        flickManager.dispose();
        super.dispose();
      
    
      @override
      Widget build(BuildContext context) 
        return ClipRRect(
          borderRadius: const BorderRadius.all(Radius.circular(20)),
          child: Container(
            child: FlickVideoPlayer(
              preferredDeviceOrientation: [],
              flickManager: flickManager,
              flickVideoWithControls: FlickVideoWithControls(
                controls: FlickPortraitControls(),
              ),
              systemUIOverlay: [],
              flickVideoWithControlsFullscreen: FlickVideoWithControls(
                controls: FlickLandscapeControls(),
              ),
            ),
          ),
        );
      
    

【参考方案1】：

只需在 FlickVideoPlayer 小部件初始化时删除 systemUIOverlay: [],，系统 ui 部分就会保持原样

【参考方案2】：

当我将它用于我的 Flutter Web 项目时，我也遇到了同样的问题。 然后我尝试像这样更改initState

@override
  void initState() 
    super.initState();
    flickManager = FlickManager(
        videoPlayerController: VideoPlayerController.asset(
            'assets/videos/video.mp4')..initialize());
  

这对我有用