flutter - 完全透明的库比蒂诺导航栏可能吗？

Question

我正在使用 CupertinoTabScaffold 以及几个 CupertinoTabView 和 CupertinoPageScaffold。

这是我的设置:

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

问题是我想要一个延伸到导航栏后面的大标题图像。根据 Flutter 文档，一旦背景颜色具有一定的透明度，背景就会产生模糊效果。

所以我找不到办法让这个导航栏完全透明。

有什么想法吗？

谢谢!

Answer 1

class _DetailWebViewControllerState extends State<DetailWebViewController> {
  @override
  Widget build(BuildContext context) {
    return CupertinoPageScaffold(
        navigationBar: CupertinoNavigationBar(backgroundColor: Color(0x00000000),),
        child: WebView(
          initialUrl: widget.url,
          javascriptMode: JavascriptMode.unrestricted,
        ));
  }
}

这给了我一个透明的导航栏，但导航栏底部仍然有一条细线，这使得它无法使用。我还没找到如何摆脱它。