flutter顶部搜索,flutter 搜索功能

flutter如何实现扫描附近 wifi?

不需要任何软件，只要打开手机的设置，无线网络，打开WIFI，点击搜索，就可以搜索出当前的所有WIFI名称。

相关问答

Q1: Flutter 实现高亮显示搜索结果的文字

一：设计思路

因为要在一行内容中显示不同颜色的文本，所以要用到 RichText 组件；

如果没有找到要高亮显示的文本则返回原字符串；

如果找到了要高亮显示的文本，则从字符串左边开始截取，当出现第一个要高亮显示的文本时，把此时已经出现的普通文本和高亮显示的文本都加入到一个 ListTextSpan 的数组中，如果字符串中有多个符合条件的文本，重复前面出现第一个要高亮显示的文本时的步骤即可。

Q2: Flutter 网络请求类封装及搜索框实现

在 Flutter 中定时器相对 iOS 来说比较好的一点就是定时器事件的执行不会受视图拖拽的影响，不涉及到模式。但是需要注意一点的是在页面离开的时候要对定时器进行销毁。

开始的时候我们是在页面中直接使用三方框架 http 进行网络的请求，这里不好的一点就是如果将来我们更换了网络请求框架的话，项目中涉及到网络的请求的地方都需要改动，对项目的影响会比较大。所以这里我们自己封装了一个网络请求类，定义自己的网络请求方法，即使将来更换三方框架的话，我们只需要在我们自己网络请求类里面更换就好，项目的其他地方不用改动。对网络请求进行封装，相信不管是 iOS 项目还是安卓项目肯定也都是这样做的。

这里我们是基于 Dio 这个三方框架进行封装的，在 HttpManager 类中我们定义了 Dio 的单例对象 _dioInstance ，通过单例方法 _getDioInstance 来获取单例对象。我们定义了 post 跟 get 两个静态方法，在这两个方法中我们都调用了私有方法 _sendRequest ， _sendRequest 方法中通过该传入的枚举参数 HttpMethod 来区分 Dio 单例对象是调用 get 还是 post 请求。这里需要注意的是方法中一定要使用 async ，返回值前要加 await 。

在聊天页面中我们可以看到顶部的搜索框，这个搜索框是跟列表一起滚动的，所以比较好的实现方式就是把搜索框定义为一个 cell 。其实这个搜索框只有点击事件，点击之后跳转一个新的页面，所以我们只需要使用小部件来实现搜索框的展示就好。搜索框由白色底视图跟图片和文本组成，所以这里我们通过 Stack 部件来实现， children 的第一个元素为白色底视图，图片跟搜索文字用 Row 部件来实现，图片跟文字布局左右排列。

Q3: Mac--Flutter更换指定版本

类似错误No named parameter with the name ‘XXXXXX‘问题

原因：Flutter版本问题

一、回退到指定版本

1、GitHub搜索flutter 点击进入后，选择tags找到需要的版本点进去，如图：

2、复制版本号

cd  /Users/apple/Documents/flutter    根目录，同bash_profile中PATH配置保持一致即可。

git reset --hard 3595343e20a61ff16d14e8ecc25f364276bb1b8b

执行完成，检测 flutter --version

执行 flutter doctor

??了