系统状态下的颤振容器

时间:2019-05-19 08:54:43

标签: flutter flutter-layout flutter-appbar flutter-container

例如,当我们使用在系统状态下显示的True时,默认情况下flutter中的

AppBar

现在,在我的应用程序中,我没有appBar: AppBar( title: Text( Strings.appName, style: appBarTextStyle, ), automaticallyImplyLeading: true, leading: Builder( builder: (context) => IconButton( icon: Icon(Icons.menu), onPressed: () => Scaffold.of(context).openDrawer(), ), ), ), ,并且我希望在此系统状态下拥有AppBar,但我不能这样做

enter image description here

我的实现:

Container

1 个答案:

答案 0 :(得分:1)

使用SafeArea避免将项目保留在状态栏上。

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Center(
          child: 
              child: Text(
                _timeRemaining.toString(),
                style: TextStyle(fontSize: 100),
              ),
          ),
      ),
    );
  }

在这种情况下,您需要使用https://pub.dev/packages/flutter_statusbarcolor手动更改状态栏的颜色。

@override
  Widget build(BuildContext context) {
    FlutterStatusbarcolor.setStatusBarColor(Colors.blue);
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }