Flutter使用Scaffold不设置Appbar导致内容遮挡

2020-11-24  本文已影响0人  Wenl_zzZ

今天在写学习flutter的时候发现scaffold 作为根组件时,不设置appbar会导致内容被状态栏遮挡:

image

网上给出的方案是通过SafeArea组建去进行适配


@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
          child: Text(
        "随便写点啥",
        style: TextStyle(fontSize: 30),
      )),
    );
  }

image

后来发现SafeArea会导致沉浸式状态栏效果也移除了,最后用padding:EdgeInsets.only(top: MediaQuery.of(context).size.height *0.07) 代替SafeArea解决。在此记录一下:

Padding(
            padding: showPadding
                ? EdgeInsets.only(
                    top: MediaQuery.of(context).size.height * 0.07)
                : EdgeInsets.only(top: 0),
)
image
上一篇下一篇

猜你喜欢

热点阅读