flutter 如何删除Appbar下面的小行?

aurhwmvo  于 2023-04-07  发布在  Flutter
关注(0)|答案(4)|浏览(170)

Flutter 1.12.13+hotfix.8
在Appbar的正下方有一条细线,你知道怎么去掉它吗?

验证码:

return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(
        backgroundColor: Colors.blue,
        elevation: 0.0,
        actions: <Widget>[
          FlatButton(
            onPressed: () async {
              await _authService.signOut();
            },
            child: Icon(
              Icons.exit_to_app,
              color: Colors.white,
            ),
          ),
        ],
      ),
      body: Container(
        height: MediaQuery.of(context).size.height,
        width: MediaQuery.of(context).size.width,
        color: Colors.blue),
);
hs1ihplo

hs1ihplo1#

将scaffold backgroundColor指定为与AppBar backgroundColor相同的颜色将解决这个问题(在您的示例中,下面的代码),为应用的其余部分提供您想要的颜色,您可以在包含主体的容器的主体颜色中使用该颜色

return Scaffold(
  backgroundColor: Colors.blue,//changed background color of scaffold
  appBar: AppBar(
    backgroundColor: Colors.blue,
    elevation: 0.0,
    actions: <Widget>[
      FlatButton(
        onPressed: () async {
          await _authService.signOut();
        },
        child: Icon(
          Icons.exit_to_app,
          color: Colors.white,
        ),
      ),
    ],
  ),
  body: Container(
    height: MediaQuery.of(context).size.height,
    width: MediaQuery.of(context).size.width,
    color: Colors.blue),
);
kx5bkwkv

kx5bkwkv2#

我在appbar的高度上增加了1pt,这条线就消失了。

AppBar(
    toolbarHeight: kToolbarHeight + 1,
    title: Text('Title'),
)

更新

最终,它出现了,从上面的解决方案将无法很好地为所有屏幕,行将从一个消失,并成为出现在另一个,所以没有其他解决方案现在))

uurv41yg

uurv41yg3#

我试过你的代码在网络,iPhone模拟器,android模拟器和我的android手机,没有得到白色细线他们中的任何一个.我现在正在Flutter测试版工作.也许你的问题可以通过升级Flutter或切换频道解决.

jv2fixgn

jv2fixgn4#

您可以尝试将AppBar的Elevation属性设置为0.0

AppBar(
elevation: 0.0,
),

相关问题