• Flutter中如何實現(xiàn)頂部狀態(tài)欄全沉浸式透明效果？

狀態(tài)欄是指android手機(jī)頂部顯示手機(jī)狀態(tài)信息的位置。android 自4.4開始新加入透明狀態(tài)欄功能，狀態(tài)欄可以自定義顏色背景，使titleBar能夠和狀態(tài)欄融為一體，增加沉浸感。

如上圖Flutter狀態(tài)欄默認(rèn)有一個黑色半透明層，如何去掉這個狀態(tài)欄的黑色半透明背景色，讓其和標(biāo)題欄顏色一致，通欄沉浸式，實現(xiàn)如下圖效果呢？

在flutter項目目錄下找到android主入口頁面MainActivity.kt或MainActivity.java，判斷一下版本號然后將狀態(tài)欄顏色修改設(shè)置成透明，因為他本身是黑色半透明。

在MainActivity.kt作如下修改，插入高亮代碼片段即可

注意：flutter項目默認(rèn)是使用Kotlin語言

通過 flutter create flutter_app? 命令創(chuàng)建flutter項目時，默認(rèn)是Kotlin語言模式；

如果想要修改成Java語言，則運(yùn)行如下命令創(chuàng)建項目即可?flutter create -a java flutter_app?

如果是java語言模式下，修改沉浸式狀態(tài)欄方法和上面同理

MainActivity.java路徑：?android\app\src\main\java\com\example\flutter_app\MainActivity.java?

在MainActivity.java頁面新增如下高亮代碼片段

最后一步，去掉右上角banner提示

• Flutter中實現(xiàn)咸魚底部導(dǎo)航凸起效果

如下圖：?BottomNavigationBar?組件仿咸魚凸起導(dǎo)航欄配置

在Scaffold組件里面配置bottomNavigationBar即可

如下圖：?BottomAppBar?組件凸起凹陷導(dǎo)航欄配置

在Scaffold組件里面配置自定義BottomAppBar凸起凹陷效果即可

okay，今天就分享到這里，后續(xù)會計劃使用flutter開發(fā)實戰(zhàn)聊天項目，到時也和大家分享。

如上，最后給大家看個基于uniapp+vue技術(shù)開發(fā)跨端實例項目 ，希望能喜歡~~~