flutterappbar设置背景图片，flutter自定义sliverappbar

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

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

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

2、根据字面意思就能看出来是对状态懒得设置，其中用到了 dart：io 与 flutter/services.dart 这两个重点Mark一下，有时间深入探究一下用法跟能力。回归正题。

3、具体设置方法：右侧 Inspector 面板 Show the Size inspector 解选 Layout Margins 中的 Safe Area Relative Margins，拖动图片占满全屏，然后根据 View Controller Scene 的 Warning，更新 Constraint 就可以了。

4、为帮助大家学习Flutter这个全新的跨平台技术、掌握其背后的框架原理和底层设计思想，建立起属于自己的知识体系，这里特意联合谷歌技术团队共同整理了一份Flutter全家桶学习资料。

5、在掘金上浏览到 Nayuta 开源的贝壳flutter流畅优化组件 Keframe 。在Demo上试用了一番，确有奇效，下面记录一下笔记心得。

Flutter踩坑之旅

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

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

由于只有flutter的命令执行的时候无响应，所以起初认为是程序包有问题。于是通过再次解压程序压缩包和配置环境变量之后，问题仍然存在。

年一直学习到使用Flutter写项目，从0.0开始到现在5版本的发布，终于开始慢慢的爬出坑位了，但是因为部分控件感觉还是不如原生控件好用，因而Flutter提供了PlatformView部件。

Flutter进阶篇：Dart语法基础篇：Dart语法进阶篇：说明：本文中的所有函数的引用在 main 函数中：这里的执行结果是：Futue直接new就可以了。

所需软件 vsCode，Android Studio， MuMu模拟器（直连手机调试的话就不需要了）配置过程 Flutter安装安装时忘记截图，具体可参考链接 flutter中文网相关教程+ 百度，现在网上教程很多，多踩点坑总会成功的。

Flutter小部件之图片(Image)和图标(Icon)

Image（图片组件）是显示图像的组件，一个显示图片的widget，支持图像格式：JPEG，PNG，GIF，动画GIF，WebP，动画WebP，BMP和WBM 构造方法 Image：从ImageProvider获取数据 Image.network：加载网络图片。

Flutter中，可以像web开发一样使用iconfont，iconfont也即字体图标，它是将图标做成字体文件，然后通过指定不同的字符而显示不同的图片。加号为图片组件，减一为icon组件。点击加号，数字加1；点击-1，数字减少1。

title 参数可以接受任何小部件，但通常是文本小部件副标题是标题下面较小的文本使文本更小，并将所有内容打包在一起将图像或图标添加到列表的开头。这通常是一个图标。设置拖尾将在列表的末尾放置一个图像。

基础控件就是常用的文字、按钮、图片等控件。常用的基础控件有 Text、TextField、Button、Image 等。功能控件在Flutter 里还有一类控件，它们不影响 UI 布局，但带有一些特定的功能，比如页面跳转、事件监听、定义主题等。

无网络有缓存视频时，无法展示封面，因为内部是通过imageProvider去加载网络图片的。

SliverGridDelegate 是一个抽象类，定义了GridView Layout相关接口，子类需要通过实现它们来实现具体的布局算法。

3、Flutter中ThemeData与AppBar

根据字面意思就能看出来是对状态懒得设置，其中用到了 dart：io 与 flutter/services.dart 这两个重点Mark一下，有时间深入探究一下用法跟能力。回归正题。

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

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

iOS默认的TextField弹出的键盘是暗黑色的。

layout_behavior=@string/appbar_scrolling_view_behavior属性可以做到这个效果。在flutter中goole也提供了同样效果的控件NestedScrollView+Sliver系列的东西，NestedScrollView没多少可选参数，这边主要SliverAppBar。