Flutter之去除半透明状态栏,修改状态栏颜色

Flutter之去除半透明状态栏,修改状态栏颜色

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
  	// 除半透明状态栏
    if (Theme.of(context).platform == TargetPlatform.android) {
      // android 平台
      SystemUiOverlayStyle _style =
          SystemUiOverlayStyle(statusBarColor: Colors.transparent);
      SystemChrome.setSystemUIOverlayStyle(_style);
    }
    return MaterialApp(
        title: 'Flutter Demo',
        debugShowCheckedModeBanner: false,
        home: LeftDrawerHome());
  }
}

class LeftDrawerHome extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return LeftDrawerHomeState();
  }
}

class LeftDrawerHomeState extends State<LeftDrawerHome> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true, // 标题居中
        title: Text(
          "标题名",
          style: TextStyle(color: Colors.black),
        ),
        backgroundColor: Colors.white, // 背景白色
        elevation: 0, // 去除阴影
        brightness: Brightness.light, // 状态栏白底黑字
      ),
    );
  }
}


  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值