完全透明的CupertinoNavigationBar可能吗?

时间:2019-03-19 12:10:05

标签: flutter

我正在使用CupertinoTabScaffold和两个CupertinoTabViewCupertinoPageScaffold s。

这是我的设置:

CupertinoPageScaffold(
   navigationBar: CupertinoNavigationBar(
     backgroundColor: Colors.transparent,
   ),
   child: ...
)

问题是我想要一个较大的标题图像,该图像在导航栏后面延伸。根据Flutter的文档,一旦backgroundColor具有一定的透明度,背景就会变得模糊。

所以我找不到使该导航栏完全透明的方法。

有什么想法吗?

谢谢!

2 个答案:

答案 0 :(得分:0)

您是否尝试将backgroundColor设置为null?

https://api.flutter.dev/flutter/cupertino/CupertinoPicker/backgroundColor.html

您还可以尝试以下

https://developer.apple.com/documentation/uikit/uicolor/3255068-quaternarysystemfill

CupertinoPageScaffold(
   navigationBar: CupertinoNavigationBar(
     backgroundColor: CupertinoColors.quaternarySystemFill,
   ),
   child: ...
)

更新: 这不起作用,在我的应用程序中经过测试,结果为负面

答案 1 :(得分:0)

class A {
    public static staticMethod() {
        console.log("It works!");
    }
}

class B extends A {}

class C {
 constructor(public clase: typeof A) {};
 test() {
     this.clase.staticMethod();
 }
}

const c = new C(B);
c.test();

这为我提供了一个透明的 NavigationBar,但我在导航栏底部仍然有一条细线,这使它无法使用。我还没有找到如何摆脱它。