[Flutter] Android沉侵式标题栏顶部叠加层去除

可能你的app是这样：

框起来部分和标题栏颜色并不一致。

调用下面的代码可以变成一样。

import 'package:flutter/services.dart';

 

    static SystemUiOverlayStyle uiStyle = const SystemUiOverlayStyle(
        systemNavigationBarColor: const Color(0x00000000),
        systemNavigationBarDividerColor: null,
        statusBarColor: const Color(0x00000000),
        systemNavigationBarIconBrightness: Brightness.dark,
        statusBarIconBrightness: Brightness.dark,
        statusBarBrightness: Brightness.dark,
    );

    static appUIStyle() {
        SystemChrome.setSystemUIOverlayStyle(uiStyle);
    }

然后在每个页面initState中调用 

appUIStyle 

 

要是想谢我的话，点个赞就行了。