Flutter开发之实现沉浸式状态栏的效果
生活随笔
收集整理的這篇文章主要介紹了
Flutter开发之实现沉浸式状态栏的效果
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
老套路線上效果圖:
具體用到的是MediaQuery的removePadding方法里面的removeTop: true方法
import 'package:flutter/material.dart'; import 'package:flutter_swiper/flutter_swiper.dart';class HomePage extends StatefulWidget {@override_HomePageState createState() => _HomePageState(); }class _HomePageState extends State<HomePage> {List _imageUrl = ['http://pages.ctrip.com/commerce/promote/20180718/yxzy/img/640sygd.jpg','https://dimg04.c-ctrip.com/images/700u0r000000gxvb93E54_810_235_85.jpg','https://dimg04.c-ctrip.com/images/700c10000000pdili7D8B_780_235_57.jpg'];@overrideWidget build(BuildContext context) {return Scaffold(body: MediaQuery.removePadding(//移除狀態(tài)欄關(guān)鍵屬性removeTop: true,context: context,child: ListView(children: <Widget>[Container(height: 170,child: Swiper(itemCount: _imageUrl.length,autoplay: true,itemBuilder: (BuildContext context, int index) {return Image.network(_imageUrl[index],fit: BoxFit.fill,);},pagination: SwiperPagination(),),),Container(height: 800,child: ListTile(title: Text("我是標(biāo)題欄"),),)],),),);} }此demo可下載源碼查看:demo源碼下載
總結(jié)
以上是生活随笔為你收集整理的Flutter开发之实现沉浸式状态栏的效果的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 如何用万用表判断一个12V蓄电池是否没电
- 下一篇: 分享-一键卸载巧压流氓软件