flutter app 安卓导航栏透明背景问题

没用的m阿吉

已于 2022-12-12 11:41:22 修改

阅读量1.2k

点赞数 1

分类专栏： flutter入门文章标签： android flutter

于 2022-06-27 10:33:34 首次发布

本文链接：https://blog.csdn.net/mxjthl/article/details/125479371

版权

flutter入门专栏收录该内容

2 篇文章 0 订阅

订阅专栏

flutter app 安卓导航栏透明背景问题

设置前

设置前的效果

设置后

设置后的效果
一，引入模块

import 'package:flutter/services.dart';

二，设置
代码详情

主要代码

 if (Theme.of(context).platform == TargetPlatform.android) {
      // android 平台
      SystemUiOverlayStyle _style =
      SystemUiOverlayStyle(statusBarColor: Colors.transparent);
      SystemChrome.setSystemUIOverlayStyle(_style);
    }

方法二

 WidgetsFlutterBinding.ensureInitialized();
  // 设置状态栏
  SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    // 顶部状态栏颜色
    statusBarColor: Colors.transparent,
    // 顶部状态栏图标的亮度
    statusBarIconBrightness: Brightness.dark,
    // 顶部状态栏的亮度
    statusBarBrightness:
        !kIsWeb && Platform.isAndroid ? Brightness.dark : Brightness.light,
    // 系统底部导航栏的颜色
    systemNavigationBarColor: Colors.white,
    // 系统底部导航栏分割线颜色
    systemNavigationBarDividerColor: Colors.transparent,
    // 系统导航栏图标的亮度
    systemNavigationBarIconBrightness: Brightness.dark,
  ));

总结

SystemUiOverlayStyle style = const SystemUiOverlayStyle(
      statusBarColor: Colors.transparent,
      statusBarIconBrightness: Brightness.light,
      statusBarBrightness: Brightness.light,
      systemNavigationBarIconBrightness: Brightness.light);
  SystemChrome.setSystemUIOverlayStyle(style);