如何在AppBar不存在时设置状态栏颜色.
我试过这个但没有用.
Widget build(BuildContext context) {
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark);
return new Scaffold(
body: new Container(
color: UniQueryColors.colorBackground,
child: new ListView.builder(
itemCount: 7,
itemBuilder: (BuildContext context, int index){
if (index == 0){
return addTopInfoSection();
}
},
),
),
);
}
Run Code Online (Sandbox Code Playgroud)
输出看起来像这样:
如何全屏制作颤振应用程序.我已经找到了如何隐藏状态栏隐藏Android状态栏在Flutter应用程序上.但我似乎无法找到如何隐藏Android导航栏.
我在 Flutter 中遇到了一个问题,至少在 Android 模拟器上是这样,这很烦人。
我在全屏模式下使用屏幕,所以我想去掉底部导航栏。
为此,在 stackoverflow 中研究和检查后,我使用以下命令:
SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);
Run Code Online (Sandbox Code Playgroud)
当buid方法启动时,它被放置在类的顶部。
问题是,它实际上有效并且底部栏消失了但是......一旦我与屏幕交互,它就会从底部弹出,覆盖任何东西......
这特别烦人,因为我的应用程序底部有一个标签小部件......所以一旦我触摸屏幕,底部栏就会弹出......所以我无法真正触摸标签,我触摸覆盖的底部栏。
任何人都知道这个问题或以前经历过吗?
我是新来的扑扑。我正在尝试实现此用户界面
我还没有找到任何完整的解决方案来在flutter中创建透明的底部导航栏。
我尝试使用
BottomNavigationBarItem(
backgroundColor: Colors.transparent,
icon: e,
activeIcon: _activeIcons[_index],
title: Text(
title[_index],
style: AppStyle.tabBarItem,
),
)
Run Code Online (Sandbox Code Playgroud)
但这似乎不起作用。请帮忙。
如何使状态和选项栏(底部)透明?
我尝试了很多想法,但它仍然是黑色和白色文本
这是我已经实现的代码:
Future main() async {
WidgetsFlutterBinding.ensureInitialized();
...
SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
systemStatusBarContrastEnforced: true,
statusBarColor: Colors.transparent,
systemNavigationBarColor: Colors.transparent,
systemNavigationBarDividerColor: Colors.transparent,
systemNavigationBarIconBrightness: Brightness.light,
statusBarIconBrightness: Brightness.light));
SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge,
overlays: [SystemUiOverlay.top, SystemUiOverlay.bottom]);
...
runApp(...)
Run Code Online (Sandbox Code Playgroud)
在我的 Material 应用程序中:
return MaterialApp.router(
theme: ThemeData(
appBarTheme: AppBarTheme(
//systemOverlayStyle: SystemUiOverlayStyle.light,
backgroundColor: Colors.transparent),
),
color: Colors.transparent,
...
Run Code Online (Sandbox Code Playgroud)
我知道 AppBar 和状态栏不一样(只是想包含它)。预先非常感谢。
更新:
我试图删除安全区域,它显然与状态栏和导航栏发生冲突。结果是这样的:
现在它仍然不是真正透明,而且底部也很混乱。有任何想法吗?
Drawer我想知道如何更改打开时看到的最上面的颜色?
在下图中,您可以看到两个箭头,1 和 2。箭头 2 指向我的主屏幕,它是我的primaryColor,并且在除我的抽屉外的所有屏幕上正确显示。
我想要一个全白色的抽屉,并想去掉顶部的灰色。
我在 Android 12 上使用 flutter 2.5.3 时会发生这种情况
使用时
SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersiveSticky);
Run Code Online (Sandbox Code Playgroud)
这是我正在使用的代码
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
SystemChrome.setEnabledSystemUIMode(SystemUiMode.immersiveSticky);
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: const MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatefulWidget {
const MyHomePage({Key? key, required this.title}) : super(key: key); …Run Code Online (Sandbox Code Playgroud)