美文网首页chimera
Flutter透明状态栏

Flutter透明状态栏

作者: K_epler | 来源:发表于2019-04-03 16:38 被阅读0次

    flutter应用默认的状态栏是半透明的,如何将其变为完成透明的沉浸式状态栏

    注意:这种方法只适用于Android版本>=M(6.0)

    方法如下:
    1.import 'package:flutter/services.dart'
    2.设置系统覆盖层样式,举个栗子:

    void main() => runApp(MyApp());
    
    class MyApp extends StatelessWidget {
       //statusBar设置为透明,去除半透明遮罩
    final SystemUiOverlayStyle _style =SystemUiOverlayStyle(statusBarColor: Colors.transparent);
    
      @override
      Widget build(BuildContext context) {
    
        //将style设置到app
        SystemChrome.setSystemUIOverlayStyle(_style);
      
        return MaterialApp(
          debugShowCheckedModeBanner: false,
          title: 'Flutter Demo',
          theme: ThemeData(
            primarySwatch: Colors.blue,
            backgroundColor: Colors.white
          ),
          home: HomePage(),
        );
      }
    }
    

    除了透明之外,你也可以将颜色设置为其他你想要的颜色,

    相关文章

      网友评论

        本文标题:Flutter透明状态栏

        本文链接:https://www.haomeiwen.com/subject/mxmzbqtx.html