chimera

Flutter透明状态栏

2019-04-03  本文已影响0人  K_epler

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(),
    );
  }
}

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

上一篇下一篇

猜你喜欢

热点阅读