flutter设置状态栏颜色，flutter 状态栏

Flutter踩坑之旅

这是库的地址 PhilipsHue/flutter_reactive_ble： Flutter library that handles BLE operations for multiple devices. (github.com)安卓主要的坑就是，在使用蓝牙功能的时候，需要获取定位权限，这个需要动态获取。

最近在做个flutter蓝牙功能，用的flutter_blue，在iOS上没有任何问题，照着例子写完，正常运行蓝牙功能，但是在安卓上发现各种坑，用这个插件首先是有些设备拿不到设备名称，还有就是读写特征和ios上拿到的也不一样。

项目环境是flutter开发的，然而阿里云官网并没有flutter相关的SDK，所以选择了集成的插件，这里踩过的坑不多叙述，开始正题。

记录下坑 一开始我就使用Future、async、await去做异步操作，以为这样能解决问题，经过一天研究发现他们都还在同一个线程里面，也就是UI线程，导致卡顿，这明显不是我们想要的异步加载数据。

相关问答

Q1: 3、Flutter中ThemeData与AppBar

iconTheme ：设置appbar icon的颜色，appbar中icon的颜色会根据primaryColor的改变来确定自身的颜色，这里可以在iconTheme中指定icon的颜色。

这里的ThemeData即为控制App的主题，primarySwatch设置即可控制主题的各类颜色，但是这里的颜色是需要MaterialColor，但是纯色种的黑色和白色不是MaterialColor。所以不能设置primarySwatch为Colors.white。

默认的appbar下方会自带一个阴影效果。要去掉这个阴影的话需要在appbar中设置：核心的思想就是在column中使用expend包裹一次然后child使用listView，这样的话输入框被聚焦的时候键盘就会把页面顶上去。

SliverAppBar 控件，一个 MD 的 AppBar 。属性和 AppBar 类似，但做的效果比 AppBar 更加强大。相同的属性具体可以看 Flutter 之 Scaffold 控件 ， 里面有 AppBar 控件的介绍。

很早在做Demo的时候就想改变下CheckBox的未选中状态的颜色，但是多是设置全局 ThemeData.unselectedWidgetColor 的颜色来设置。不过可以想到的就是一个App中如果有不同颜色的变态需求的话...。

Q2: 使用vue的时候出现的状态栏颜色的问题

1、第一种：第二种：根据点击的tab来展示对应的内容，用到了vue的v-show和绑定class。首先创建一个属性“shouColor” 用来判断显示哪一个tab页。

2、主要是安卓和iOS中相对不协调的地方，特此记录Navigation Bar使用navigationbar的时候遇到如下的问题navigation bar的底部有一条黑线本意做一个bar的颜色和页面颜色一致的页面。只有顶部有两个其他按钮的时候。

3、初次接触前端，初次使用vue，初次使用elementui，难免遇到坑。使用el-button的时候，发现点击按钮后，按钮颜色仍然保持鼠标悬浮上去时候的效果，并没有恢复到正常状态。如图示：上面是解决方法。

4、点击按钮变红。再次点击按钮变黑。这是javascript代码，由于每次点击，都要记录一个状态，所以用i这个变量记录这个状态，根据它的奇偶性来控制颜色变化。

5、vue的特点在于组件化，可以轻便开发单页面应用，但弊端就是它没能像原生操控各自的body节点，因为所有的页面都拥有同一个body。

关于flutter设置状态栏颜色和flutter 状态栏的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。