• 安卓的
    Flutter实现沉浸式状态栏-flutter原生支持(原生效果支持IOS和安卓)

  • ios的(用ipad演示的)
    Flutter实现沉浸式状态栏-flutter原生支持(原生效果支持IOS和安卓)

实现方式

### 我们只需要在生命周期 initState()或者其他的钩子中调用下面的 方法即可
/// 状态栏样式 沉浸式状态栏
  _statusBar([String color]) {
    // 白色沉浸式状态栏颜色  白色文字
    SystemUiOverlayStyle light = SystemUiOverlayStyle(
      systemNavigationBarColor: Color(0xFF000000),
      systemNavigationBarDividerColor: null,
      /// 注意安卓要想实现沉浸式的状态栏 需要底部设置透明色
      statusBarColor: Colors.transparent,
      systemNavigationBarIconBrightness: Brightness.light,
      statusBarIconBrightness: Brightness.light,
      statusBarBrightness: Brightness.dark,
    );

 // 黑色沉浸式状态栏颜色 黑色文字
    SystemUiOverlayStyle dark = SystemUiOverlayStyle(
      systemNavigationBarColor: Color(0xFF000000),
      systemNavigationBarDividerColor: null,
      /// 注意安卓要想实现沉浸式的状态栏 需要底部设置透明色
      statusBarColor: Colors.transparent,
      systemNavigationBarIconBrightness: Brightness.light,
      statusBarIconBrightness: Brightness.dark,
      statusBarBrightness: Brightness.light,
    );
// 这个地方你可以去掉三目运算符 直接调用你想要的 效果即可
    "while" == color?.trim()
        ? SystemChrome.setSystemUIOverlayStyle(light)
        : SystemChrome.setSystemUIOverlayStyle(dark);
  }

ps :这个其实是 依赖余Flutter给我提供的一个 实现类 import 'package:flutter/services.dart';

相关文章:

  • 2021-11-23
  • 2021-10-12
  • 2022-02-01
  • 2022-12-23
  • 2021-12-18
猜你喜欢
  • 2022-03-02
  • 2021-10-28
  • 2022-12-23
  • 2021-10-08
  • 2022-12-23
  • 2021-12-03
  • 2022-12-23
相关资源
相似解决方案