相关疑难解决方法(0)

Flutter - 如何在AppBar不存在时设置状态栏颜色

如何在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)

输出看起来像这样:

在此输入图像描述

statusbar dart flutter

30
推荐指数
8
解决办法
2万
查看次数

使全屏应用颤振

如何全屏制作颤振应用程序.我已经找到了如何隐藏状态栏隐藏Android状态栏在Flutter应用程序上.但我似乎无法找到如何隐藏Android导航栏.

android dart flutter

22
推荐指数
7
解决办法
1万
查看次数

Flutter 永久隐藏导航栏

我在 Flutter 中遇到了一个问题,至少在 Android 模拟器上是这样,这很烦人。

我在全屏模式下使用屏幕,所以我想去掉底部导航栏。

在此处输入图片说明

为此,在 stackoverflow 中研究和检查后,我使用以下命令:

SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);
Run Code Online (Sandbox Code Playgroud)

buid方法启动时,它被放置在类的顶部。

问题是,它实际上有效并且底部栏消失了但是......一旦我与屏幕交互,它就会从底部弹出,覆盖任何东西......

这特别烦人,因为我的应用程序底部有一个标签小部件......所以一旦我触摸屏幕,底部栏就会弹出......所以我无法真正触摸标签,我触摸覆盖的底部栏。

任何人都知道这个问题或以前经历过吗?

android android-emulator dart flutter bottombar

8
推荐指数
1
解决办法
2626
查看次数

颤振中的透明底部导航栏

我是新来的扑扑。我正在尝试实现此用户界面

屏幕截图

我还没有找到任何完整的解决方案来在flutter中创建透明的底部导航栏。

我尝试使用

BottomNavigationBarItem(
        backgroundColor: Colors.transparent,
        icon: e,
        activeIcon: _activeIcons[_index],
        title: Text(
          title[_index],
          style: AppStyle.tabBarItem,
        ),
      )
Run Code Online (Sandbox Code Playgroud)

但这似乎不起作用。请帮忙。

dart flutter flutter-layout

7
推荐指数
4
解决办法
4223
查看次数

Flutter状态栏透明

在此输入图像描述

如何使状态和选项栏(底部)透明?

我尝试了很多想法,但它仍然是黑色和白色文本

这是我已经实现的代码:

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 和状态栏不一样(只是想包含它)。预先非常感谢。

更新:

我试图删除安全区域,它显然与状态栏和导航栏发生冲突。结果是这样的:

在此输入图像描述

现在它仍然不是真正透明,而且底部也很混乱。有任何想法吗?

android statusbar dart android-statusbar flutter

6
推荐指数
1
解决办法
3223
查看次数

更改 Flutter 中抽屉小部件的顶部颜色

Drawer我想知道如何更改打开时看到的最上面的颜色?

在下图中,您可以看到两个箭头,1 和 2。箭头 2 指向我的主屏幕,它是我的primaryColor,并且在除我的抽屉外的所有屏幕上正确显示。

我想要一个全白色的抽屉,并想去掉顶部的灰色。

在此输入图像描述

dart flutter

3
推荐指数
1
解决办法
577
查看次数

Flutter 粘性沉浸式无法正确处理状态栏

我在 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)

android android-immersive flutter android-12

3
推荐指数
1
解决办法
1815
查看次数

在 Flutter 上隐藏 iOS 状态栏

有什么方法可以隐藏 iOS 应用程序中的状态栏吗?

我尝试使用此解决方案在 Android 中执行此操作,但它在 iOS 上不起作用。

此外,我还尝试使用本机 iOS 方式隐藏它,但FlutterViewController在每个构建中都会重新生成,因此我无法应用其他答案中描述的解决方案。

ios flutter

2
推荐指数
1
解决办法
1895
查看次数