在 Flutter 中仅更改状态栏的颜色
Change only status bar's color in Flutter
我有这样的布局,我想只更改状态栏的颜色,因为我没有使用 Appbar。
这是我为此使用的代码:
class Home extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: Column(children: [
Container(
color: Colors.green,
padding: EdgeInsets.all(15),
child: TextFormField(
cursorColor: Colors.green,
decoration: InputDecoration(
contentPadding:
EdgeInsets.symmetric(vertical: 0.0, horizontal: 10.0),
hintText: 'Search a product',
fillColor: Colors.white,
filled: true,
prefixIcon: Visibility(
visible: true,
child: Icon(
Icons.search,
color: Colors.grey.shade900,
),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(6),
borderSide: BorderSide(
color: Colors.grey.shade200, width: 1.5
)
),
)
),
),
//AND OTHER ELEMENTS
],),
),
);
}
}
我想将状态栏的颜色更改为深绿色
您可以在 MaterialApp bar theme of Direct in your appbar
在 Material 应用全局主题中
MaterialApp(
theme: ThemeData(
appBarTheme: AppBarTheme(
brightness: Brightness.dark,
backwardsCompatibility: false,
systemOverlayStyle:
SystemUiOverlayStyle(statusBarColor: Colors.orange),
)
statusBarColor
是您要更改的 topBar 的颜色。
设置 backwardsCompatibility: false
很重要,因为它不会起作用。
试试这个:
AppBar(
backwardsCompatibility: false,
systemOverlayStyle: SystemUiOverlayStyle(statusBarColor: Colors.orange),
)
在我们的main.dart
中,我们可以使用SystemChrome
class:
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
statusBarColor: Colors.green
));
我有这样的布局,我想只更改状态栏的颜色,因为我没有使用 Appbar。
这是我为此使用的代码:
class Home extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: Column(children: [
Container(
color: Colors.green,
padding: EdgeInsets.all(15),
child: TextFormField(
cursorColor: Colors.green,
decoration: InputDecoration(
contentPadding:
EdgeInsets.symmetric(vertical: 0.0, horizontal: 10.0),
hintText: 'Search a product',
fillColor: Colors.white,
filled: true,
prefixIcon: Visibility(
visible: true,
child: Icon(
Icons.search,
color: Colors.grey.shade900,
),
),
enabledBorder: OutlineInputBorder(
borderRadius: BorderRadius.circular(6),
borderSide: BorderSide(
color: Colors.grey.shade200, width: 1.5
)
),
)
),
),
//AND OTHER ELEMENTS
],),
),
);
}
}
我想将状态栏的颜色更改为深绿色
您可以在 MaterialApp bar theme of Direct in your appbar
在 Material 应用全局主题中
MaterialApp(
theme: ThemeData(
appBarTheme: AppBarTheme(
brightness: Brightness.dark,
backwardsCompatibility: false,
systemOverlayStyle:
SystemUiOverlayStyle(statusBarColor: Colors.orange),
)
statusBarColor
是您要更改的 topBar 的颜色。
设置 backwardsCompatibility: false
很重要,因为它不会起作用。
试试这个:
AppBar(
backwardsCompatibility: false,
systemOverlayStyle: SystemUiOverlayStyle(statusBarColor: Colors.orange),
)
在我们的main.dart
中,我们可以使用SystemChrome
class:
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
statusBarColor: Colors.green
));