flutter自定义状态栏，flutter自定义appbar

Flutter中FloatingActionButton自定义位置的简单实现

1、FloatingActionButton 简称 FAB ，可以实现浮动按钮，也可以实现类似闲鱼 app 的底部凸起导航 。

2、对于App或某个页面中是否要使用FloatingActionButton必要性： FAB代表一个App或一个页面中最主要的操作，如果一个App的每个页面都有FAB，则通常表示该App最主要的功能是通过该FAB操作的。

3、在 Flutter 里有很多的 Button，包括了：MaterialButton、RaisedButton、FloatingActionButton、FlatButton、IconButton、ButtonBar、DropdownButton 等。一般常用的 Button 是 MaterialButton、IconButton、FloatingActionButton。

相关问答

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

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

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

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

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

那么最终B界面name_box的样式为，字号18px背景颜色为蓝色。但是我们明明只是想设置背景颜色为蓝色，不要设置字号。A和B类选择器名字不要一样。

系统bug，网络问题。系统bug是vue动态绑定软件系统出现了问题导致class改变字体颜色不生效，等待官方修复即可。网络问题是自身设备连接的网络出现较大波动，导致vue动态绑定class改变字体颜色不生效，更换网络重新打开即可。

Q2: Flutter:手把手教你使用滚动型列表组件:ListView

解决方法一：listview 外面添加一个container，并且给定一个指定的高度。

要实现上图的界面，直接想到是ListView添加Header。

ListView、GridView的组件控制器是ScrollController，我们可以通过它来获取视图的滚动信息，并且可以调用里面的方法来更新视图的滚动位置。

Q3: Flutter笔记(三):设置白色状态栏

这种设置状态栏字体颜色的方法仅在手机浅色模式下有效，当用户选择深色（暗黑）模式后，该方法失效，状态栏字体颜色统一变为白色，不可更改。

brightness： Brightness.dark 状态栏图标与字体颜色为白色。 brightness： Brightness.light 状态栏图标与字体颜色为黑色。

造成该异常的原因是 Uri 默认使用 utf-8 解码超链接字符串，如果链接中包含非 utf-8 字符，就会造成上面的错误，相关 issue 见： issue #31621 。

细节方面，还可以注意到左侧的一体式音量按键，Bixby语音键，右侧的电源按键等。目前手机预装的是One UI系统，状态栏针对屏内开孔也做了适配。

Q4: Flutter视频播放器,简洁!

自此一个漂亮的Flutter视频播放器就已经结束了。

两种播放器都是通过外接纹理方案 (Texture)，将播放器视频画面渲染接入 flutter 中，性能上优于 PlatformView 的接入方法。

比如ZEGO Flutter SDK 就可以快速轻松的构建一个跨平台音视频聊天应用，大大降低开发成本，适合想要快速完成多端共用音视频项目的开发者。

在整个Layer Tree渲染的过程中，TextureLayer的数据纹理需要由外部第三方开发者来指定，可以把视频数据和播放器数据送到TextureLayer里，由Flutter将这些数据渲染出来。

只能说 Flutter 确实很强大 https：//pub.flutter-io.cn/packages/flutter_ffmpeg ffmpeg 插件，文档没给出如何给视频添加水印， 但是给出了执行命令的方法演示， 这就足够了。

Q5: 3、Flutter中ThemeData与AppBar

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

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

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

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

flutter自定义状态栏的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于flutter自定义appbar、flutter自定义状态栏的信息别忘了在本站进行查找喔。