美文网首页
Flutter使用Scaffold不设置Appbar导致内容遮挡

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

作者: Wenl_zzZ | 来源:发表于2020-11-24 11:09 被阅读0次

    今天在写学习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

    相关文章

      网友评论

          本文标题:Flutter使用Scaffold不设置Appbar导致内容遮挡

          本文链接:https://www.haomeiwen.com/subject/umliiktx.html