• Flutter中如何实现顶部状态栏全沉浸式透明效果？

状态栏是指android手机顶部显示手机状态信息的位置。android 自4.4开始新加入透明状态栏功能，状态栏可以自定义颜色背景，使titleBar能够和状态栏融为一体，增加沉浸感。

如上图Flutter状态栏默认有一个黑色半透明层，如何去掉这个状态栏的黑色半透明背景色，让其和标题栏颜色一致，通栏沉浸式，实现如下图效果呢？

在flutter项目目录下找到android主入口页面MainActivity.kt或MainActivity.java，判断一下版本号然后将状态栏颜色修改设置成透明，因为他本身是黑色半透明。

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

注意：flutter项目默认是使用Kotlin语言

通过 flutter create flutter_app  命令创建flutter项目时，默认是Kotlin语言模式；

如果想要修改成Java语言，则运行如下命令创建项目即可 flutter create -a java flutter_app 

如果是java语言模式下，修改沉浸式状态栏方法和上面同理

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

在MainActivity.java页面新增如下高亮代码片段

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

• Flutter中实现咸鱼底部导航凸起效果

如下图： BottomNavigationBar 组件仿咸鱼凸起导航栏配置

在Scaffold组件里面配置bottomNavigationBar即可

如下图： BottomAppBar 组件凸起凹陷导航栏配置

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

okay，今天就分享到这里，后续会计划使用flutter开发实战聊天项目，到时也和大家分享。

如上，最后给大家看个基于uniapp+vue技术开发跨端实例项目 ，希望能喜欢~~~