Flutter 删除 CupertinoNavigationBar 背景

问题描述 投票:0回答:2

有没有办法消除 CupertinoNavigationBar 的模糊,使其真正透明?我去掉了边框和颜色,但有一个模糊,对于 Android AppBar 来说没有任何模糊,但对于 iOS AppBar 来说它就在那里。我检查了它的代码,发现它有一个

ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0)
,但如何删除它?

代码:

CupertinoNavigationBar(
    backgroundColor: Colors.transparent,
    border: Border.all(
        color: Colors.transparent,
        width: 0.0,
        style: BorderStyle.none
    ),
    leading: IconButton(
    icon: Icon(
        Icons.close,
        color: Colors.red,
    ),
    onPressed: () {
        Navigator.pop(context);
    }),
    automaticallyImplyLeading: false,
    trailing: IconButton(
        icon: Icon(
            Icons.refresh,
            color: Colors.blue,
        ),
        onPressed: widget.onRestart
    ),
),
ios flutter flutter-layout
2个回答
17
投票

CupertinoNavigationBar 有一个

border
属性。如果你想删除边框,你可以这样做:

CupertinoNavigationBar(
   border: Border(bottom: BorderSide(color: Colors.transparent)),
));

0
投票

目前没有 API 可以执行此操作。您需要打开 GitHub 问题来请求此功能,或者派生 Flutter 库并自行删除该代码。这看起来是一个合理的请求,而且可能只是一个构造函数标志,因此对于 Flutter 团队来说,这可能是一个相对快速的修复方法。

© www.soinside.com 2019 - 2024. All rights reserved.