如何解决Flutter SystemUiOverlayStyle 不适用于 Android 上的某些配置
我正在使用 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 举报,一经查实,本站将立刻删除。