（Flutter 十六）自定义导航栏效果

自定义导航栏实现的效果如下图所示，点击搜索按钮，进入搜索页面。下面显示默认搜索内容，点击左侧的返回按钮可以返回到上一级页面。输入的内容如果有匹配，被匹配的字母会加粗显示。

创新互联是一家专注于成都网站建设、网站建设与策划设计,大渡口网站建设哪家好?创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:大渡口等地区。大渡口做网站价格咨询:028-86922220

1、main.dart

2、asset.dart

里面有两个数组，searchList存放的是搜索的内容，recentList里是最近搜索过的内容。在实际应用中这两个数据应该自己获取。

3、

Flutter 入门和教程导航

阿里巴巴为大家学习Flutter操碎了心

macos

.bash_profile

执行 flutter doctor

CSSColors ----

some times need fix:

解决办法用命令行:

flutter packages get

Flutter页面导航

返回用navigator的pop方法

使用navigator的pushNamed方法push到对应的页面

在导航的目的页面的build方法里用ModalRoute.of(context)方法获取需要的参数：

第二个页面返回到第一个页面的时候如果要带参数，可以使用async异步方法来实现

用navigator的push方法，在页面的初始化方法中传递参数：

flutter 第三方地图导航实现

这里实现flutter第三方地图导航，选用最简单的方式--调用第三方地图客户端；但各种地图客户端用的坐标系不一定相同，先了解下常见的坐标系：

地图应用api坐标系：

在 pubspec.yaml 文件中添加依赖插件：

一般android和ios调起第三方应用是通过scheme方式，这里调起第三方地图客户端导航也一样，如高德地图，ios scheme为iosamap，android scheme为androidamap; 所以flutter需要引用url_launcher;

未完待续~~

新闻名称：flutter导航制作,flutter 地图插件
转载来源：http://azwzsj.com/article/dssdgde.html