问题描述
我正在使用 AnnotatedRegion
小部件来更改状态栏颜色。我希望状态栏颜色在白色和透明之间切换。但什么也没有发生。检查 _getsystemUIOverlayStyle
方法以了解它是如何完成的。
我试过把_getsystemUIOverlayStyle
方法的内容改成下面这样,然后就成功改了颜色,但不是我想要的效果。
systemUIOverlayStyle _getsystemUIOverlayStyle(BuildContext context) {
if (isTransparentStatusBar) {
return systemUIOverlayStyle.dark.copyWith(
statusBarColor: Colors.transparent,);
} else {
return systemUIOverlayStyle.light.copyWith(
statusBarColor: Colors.white,statusBarIconBrightness: Brightness.dark,);
}
}
示例应用
import 'package:Flutter/material.dart';
import 'package:Flutter/services.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',theme: ThemeData.light(),darkTheme: ThemeData.dark(),home: MyHomePage(),);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key}) : super(key: key);
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
bool isTransparentStatusBar = false;
void _toggleState() =>
setState(() => isTransparentStatusBar = !isTransparentStatusBar);
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
top: false,child: AnnotatedRegion<systemUIOverlayStyle>(
value: _getsystemUIOverlayStyle(context),child: Center(
child: Stack(
children: [
Container(
color: Theme.of(context).scaffoldBackgroundColor,),Center(
child: ElevatedButton(
onpressed: () => _toggleState(),child:
Text(isTransparentStatusBar ? "Transparent" : "Opaque"),],);
}
systemUIOverlayStyle _getsystemUIOverlayStyle(BuildContext context) {
if (isTransparentStatusBar) {
return systemUIOverlayStyle.light.copyWith(
statusBarColor: Colors.transparent,);
}
}
}
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)