flutter全屏背景圖(包括appbar和狀態欄)以及沉浸狀態欄的設置

上面這個主要思路: 用一個Container 組件 設置一張背景圖， 包裹Scaffold 組件， 在Scaffold 組件中設置 背景色 和 appbar 背景色 都為透明，然后設置 appbar 沒有陰影

即：elevation： 0， 最后設置沉浸式狀態欄, 記錄一下，以前用過，忘記了

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    SelfAdapt _adapt = SelfAdapt.init(context);
    return Container(
       _adapt.width,
      height: _adapt.height,
      decoration: BoxDecoration(
        image: DecorationImage(
          image: NetworkImage('https://img.zcool.cn/community/0372d195ac1cd55a8012062e3b16810.jpg'),
          fit: BoxFit.cover,
        ),
      ),
      child: Scaffold(
        backgroundColor: Colors.transparent,
        appBar: AppBar(
          elevation: 0,
          backgroundColor: Colors.transparent,
          // title: Text('首頁'),
        ),
        drawer: MyDrawer(),
        body: Container(
           _adapt.width,
          padding: _adapt.setfromLTRB(100, 0, 100, 0),
          child: Text('hello'),
        ),
      ),
    );
  }
}

flutter設置沉浸式狀態欄

總結

以上是生活随笔為你收集整理的flutter 全屏背景图(包括appbar和状态栏）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。