flutter - Flutter 导航栏不随主题变化
问题描述
当用户更改主题时,我尝试设置导航栏颜色更改,但它不起作用。我猜是因为我在定义之前使用了主题?所以我把 systemNavigationBarColor:Theme.of(context).accentColor 放入 home() 但还是不行。如果我删除代码,在某些设备导航栏中是暗的,其他是亮的,不管我设置什么主题。是什么原因,请帮帮我。
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
systemNavigationBarColor:Theme.of(context).accentColor,
));
return StreamProvider<User>.value(
value: AuthService().user,
child: GestureDetector(
onTap: (){
FocusScope.of(context).requestFocus(FocusNode());
},
child: MaterialApp(
theme: ThemeData(
brightness: Brightness.light,
primaryColor: Colors.white,
accentColor: Colors.grey[300],
disabledColor: Colors.grey[400],
),
darkTheme: ThemeData(
brightness: Brightness.dark,
primaryColor: Colors.black,
accentColor: Colors.grey[800],
disabledColor: Colors.grey[700],
),
home: Home(),
},
),
),
);
}
}
解决方案
我想这是因为我在定义之前使用了主题
正是这样。尝试使用 AnnotatedRegion
import 'package:flutter/services.dart';
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return StreamProvider<User>.value(
value: AuthService().user,
child: GestureDetector(
onTap: (){
FocusScope.of(context).requestFocus(FocusNode());
},
child: MaterialApp(
theme: ThemeData(
brightness: Brightness.light,
primaryColor: Colors.white,
accentColor: Colors.grey[300],
disabledColor: Colors.grey[400],
),
darkTheme: ThemeData(
brightness: Brightness.dark,
primaryColor: Colors.black,
accentColor: Colors.grey[800],
disabledColor: Colors.grey[700],
),
home: Builder( //so you can use the context down the tree for Theme.of(context)
builder: (context) {
return AnnotatedRegion<SystemUiOverlayStyle>(
value: SystemUiOverlayStyle(
statusBarColor: Theme.of(context).accentColor,
),
child: Home(),
);
}
),
},
),
),
);
}
}
推荐阅读
- android - Problem in FirebaseDatabase.getInstance().reference
- python - OpenCV DNN 人脸检测器
- angular - 如何使用 ngx-formly 实现动态自定义模板
- javascript - How to test conditional rendering of components using Jest and Enzyme
- node.js - 电子事件发射器错误,而 app.quit 关闭所有打开的渲染器进程
- python - FTP download - not saving
- android - RecyclerView messes up when scrolling
- javascript - How to do pop operation in javascript when unchecked checkbox?
- ruby-on-rails - Rails validates_format_of with Regex fails in case of new line
- database - Best database structure for building levels and upgrades