dart Flutter -透明系统导航栏

wgmfuz8q 于 2023-06-03 发布在 Flutter

关注(0)|答案(2)|浏览(222)

我想在Flutter中使底部导航栏透明。
下面是我在main.dart中尝试的操作

void main() {
  SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle(
    statusBarColor: Colors.transparent, // transparent status bar
    systemNavigationBarColor: Colors.transparent,
    systemNavigationBarDividerColor: Colors.transparent,
  ));
  runApp(MyApp());
}

我在我的主要脚手架上也有这个：

extendBodyBehindAppBar: true,
extendBody: true,

但结果是这样的：

应用程序栏的工作预期，但不是非常底部。有什么解决办法吗？

dart

来源：https://stackoverflow.com/questions/68585227/flutter-transparent-system-navigation-bar

2条答案

按热度按时间

o8x7eapl1#

会把这个作为答案。
目前你正在Scaffold中应用你的背景，而Scaffold本身在内部将一个安全区域应用到身体上（这就是为什么你的身体永远不会到达屏幕底部的原因）。
为了达到你需要的效果-在脚手架之前应用背景。例如：

DecoratedBox(
    decoration: BoxDecoration(
        color: Colors.red,
    ),
    child: Scaffold(...),
)

赞(0）回复(0）举报 2023-06-03

insrf1ej2#

如果你使用的是SafeArea，你可以只添加bottom：假属性。代码看起来像这样：
返回脚手架（主体：安全区（底部：false，子项：柱（...

赞(0）回复(0）举报 2023-06-03

我来回答

dart Flutter -透明系统导航栏

2条答案

相关问题

热门标签

最新问答