首页 > App

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

2024-01-04 浏览: 44

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线程,导致卡顿,这明显不是我们想要的异步加载数据。

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中如果有不同颜色的变态需求的话...。

使用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 状态栏的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

标签: flutter设置状态栏颜色 flutter 状态栏