摘要：
以ios为，顶部有刘海 底部有操作的虚拟键 这是原来的main.dart 为了让文字一个在顶部，一个在底部，所以设置Y轴上为SpaceBetween 运行效果。这是没有加任何适配的情况。 直接外层套SafeArea MediaQuery的方式 先获取到padding 设置顶部的padding和底部的 阅读全文
posted @ 2020-02-15 23:12
高山-景行
阅读(229)
评论(0)
推荐(0)
摘要：
ios项目的启动屏的解决。 有需要的时候再看。 阅读全文
posted @ 2020-02-15 12:33
高山-景行
阅读(239)
评论(0)
推荐(0)
摘要：
点击flutter的app。在打开的时候有持续1到3秒的白屏 白屏 白屏后才会显示首页 flutter应用在启动的时候，首先会启动flutter SDK，然后会将flutter的代码加载到内存里面。然后完成渲染。在这个过程中，它是没有内容可以显示的，所以就只能显示这样的一个白屏 添加欢迎页 开源的插 阅读全文
posted @ 2020-02-15 12:32
高山-景行
阅读(561)
评论(0)
推荐(0)
摘要：
首先定义了两个重要的model 结束 阅读全文
posted @ 2020-02-15 12:31
高山-景行
阅读(138)
评论(0)
推荐(0)
摘要：
实现下拉刷新，下拉加载更多，打开页面loading的效果。 首先来移除顶部的padding 使用MediaQuery.removePadding 这样就去除了。 全局loading 加一个loading变量 数据加载完成之后，loading变为false 失败了也设置为false 默认加载有一个lo 阅读全文
posted @ 2020-02-15 12:30
高山-景行
阅读(247)
评论(0)
推荐(0)
摘要：
文字需要设置成单行显示，这样才不会换行 设置文字显示的形式，和样式 运行测试看效果 实现图片下的描述信息 底部放一个方法 _infoText用来封装最下面的左右布局 希望最左边和最右边，中间是空白的 左边头像圆角，用PhysicalModel。裁切的行为clipBehavior 图片的直径要是裁切的 阅读全文
posted @ 2020-02-15 12:28
高山-景行
阅读(224)
评论(0)
推荐(0)
摘要：
实现这样的卡片 上节课我们创建了 _TravelItem。一个TravelItem就代表了一个卡片。 卡片可以点击跳转到详情页面 所以最外层我们放一个手势的检测器 满足这种情况，我们才让他跳转到详情页 实现卡片的布局 带有圆角底部阴影的卡片 裁切效果 封装一个ItemImage生成上面的图片 底部是 阅读全文
posted @ 2020-02-15 12:27
高山-景行
阅读(238)
评论(0)
推荐(0)
摘要：
瀑布流布局的组件。 看官方的使用说明 在Scoffold脚手架下直接用组件。 创建一个通用的方法来返回我们的类。 接收这么几个参数 名字修改为_TravelItem 这两个参数不需要 删除掉。 使用这个TabPage 运行测试 没有效果 double不能转换成int类型。 debug调试 勾选所有的 阅读全文
posted @ 2020-02-15 12:25
高山-景行
阅读(215)
评论(0)
推荐(0)
摘要：
实现瀑布流的布局 定义请求数据的url和每页显示的数据量 定义两个变量。 这是一个构造方法：super这种方式是可以直接调用父类的构造方法， 等价于后面加个大括号的这种形式。会有个提示 这个方法体为空的 建议移除。构造方法前面的修饰符去掉 方法体移除后就成这样了。 如果我们的方法体不是空的话。比如里 阅读全文
posted @ 2020-02-15 12:23
高山-景行
阅读(254)
评论(0)
推荐(0)
摘要：
实现tab，可以点击切换 首先来实现一个tab框架。首先创建travel_page 定义成员变量，用到TabView，所以需要先定义TabController。然后定义本页的数据TravelModel 默认为空数组 还有TravelTabModel 在initState内请求接口数据 这个this我 阅读全文
posted @ 2020-02-15 12:22
高山-景行
阅读(1380)
评论(0)
推荐(0)
摘要：
根据这些接口，实现dao层 旅拍类的接口 首先创建travel_tab的model 接口返回这样的字段 根据json用工具来生成 生成的名字需要改一下 Tab页接口 根据json生成代码 只保留需要的字段 改成叫做TravelItem 这里这个字段不需要，这里删除掉 删除 旅拍类别dao 创建 旅拍 阅读全文
posted @ 2020-02-15 12:20
高山-景行
阅读(263)
评论(0)
推荐(0)
摘要：
这是最终要实现的效果 顶部的tab可以滑动 旅拍模块的接口细分 接口返回的字段 通过模型转换工具进行转换。 结束 阅读全文
posted @ 2020-02-15 12:19
高山-景行
阅读(193)
评论(0)
推荐(0)
摘要：
回顾 阅读全文
posted @ 2020-02-15 12:17
高山-景行
阅读(181)
评论(0)
推荐(0)
摘要：
现在只欠调用我们的plugin完成语音识别。以及跳转到搜索页面，把识别的结果带过去。完成一个语音搜索的功能 定义语音识别的结果的变量 判断识别的结果如果不为空那么就设置识别结果的变量。 彩蛋 页面跳转，并把识别的结果带过去，首先要关闭当前页面。 彩蛋：一定要关闭当前页面，才能进行跳转。不然你会看到无 阅读全文
posted @ 2020-02-15 12:15
高山-景行
阅读(1054)
评论(0)
推荐(0)
摘要：
如何实现了一个循环执行的动画呢？ 调用reverse()方法，反向执行。 重写dispose的声明周期。controller调用dispose释放资源。 下面这里就可以用anmiation 右边删除按钮 使用绝对定位。点击按钮的时候关闭页面。 设置Icon 上方布局实现 外层用一个Container 阅读全文
posted @ 2020-02-15 12:13
高山-景行
阅读(298)
评论(0)
推荐(0)
摘要：
调用语音识别，首先打开我们的首页 这里我们提供了_jumpToSpeak的方法 创建语音识别页面 复制一个my_page.dart 取名叫做speak_page 首先先来实现这个界面。中间有一段话，下面有三行文字。 下面是一个动画的按钮。点击就会变小。右边还有一个关闭的按钮 这里就用到了之前讲到的动 阅读全文
posted @ 2020-02-15 12:12
高山-景行
阅读(248)
评论(0)
推荐(0)
摘要：
重点实现AsrPlugin， 需要打印log。就需要一个TAG，这里定义了一个TAG 然后来添加一个方法 在里面实例化MethodChannel和我们的Dart端进行关联，参数接收一个BinaryMessager 用register.messager()获取到Message 然后来实例化Plugin 阅读全文
posted @ 2020-02-15 12:09
高山-景行
阅读(468)
评论(0)
推荐(0)
摘要：
建议先学 已经实现好了这几个类。 首先以安卓模式来打开我们的项目 在asr这个目录下，导入几个类 这几个类其实是下载的百度AI语音demo里面所提供的，里面已经提供了对百度AI的使用 首先复制这个IRecogListener IRecogListener复制过来改个名字叫做OnasrListener 阅读全文
posted @ 2020-02-15 12:07
高山-景行
阅读(550)
评论(0)
推荐(0)
摘要：
开发flutter的插件，首先来定义Dart端的接口。 创建plugin目录 创建类 这里需要用到dart端和native端通讯的channel。首先需要导入services的包 指定channe的名字要和native端统一，否则找不到 提供几个接口。 首先是start方法，参数params为可选的 阅读全文
posted @ 2020-02-15 12:05
高山-景行
阅读(292)
评论(0)
推荐(0)
摘要：
点击话筒的图标 点击，提示识别中。进行说话 说一个上海。这样就自动搜索了上海 说一个长城，自动识别为长城 引入安卓SDK 以百度AI只能语音为例 首先下载安卓的SDK 下载的文件，进行解压 这里有个扎包，导入到我们的项目里面去。 安卓的模拟器只支持X86的结构。所以这里引入x86的架构。主要是为了我 阅读全文
posted @ 2020-02-15 12:03
高山-景行
阅读(189)
评论(0)
推荐(0)
摘要：
https://pub.dev/ 比如说我们需要一个图片选择插件。我们输入image进行搜索 随便点击一个进去，首先观察文档是否健全 看他的ChangeLog。发布的越多表示越活跃 再看他的github的仓库 看github的start的数量。 找一个第三方的插件 看他的issues 官方提供的用例 阅读全文
posted @ 2020-02-15 12:01
高山-景行
阅读(172)
评论(0)
推荐(0)
摘要：
插件的地址：https://github.com/crazycodeboy/flutter_color_plugin 编写代码 推到dart的官方仓库上去 以上一节课常见的这个插件项目为例 传递字符串，插件将字符串解析成flutter的Color类型的颜色 实现dart部分的代码 直接过来了这段代码 阅读全文
posted @ 2020-02-15 11:39
高山-景行
阅读(218)
评论(0)
推荐(0)
摘要：
创建插件 点击完成后，就会创建一个flutter的插件 这样插件包，就创建好了 lib目录是flutter插件的dart代码。这里用到了MethodChannel 声明依赖和说明 两个比较重要的目录安卓和ios的目录 安卓目录存放的是这个插件安卓的代码 ios目录存放的是这个插件ios的代码 这个就 阅读全文
posted @ 2020-02-15 11:37
高山-景行
阅读(406)
评论(0)
推荐(0)
摘要：
本节实现了searchBar 默认样式，滚动条下滑的样式，还有点击的样式 搜索页面没有返回按钮 富文本的展示 结束 阅读全文
posted @ 2020-02-15 11:35
高山-景行
阅读(135)
评论(0)
推荐(0)
摘要：
实现左侧item的动态图片。item的类型不同，它的图片是不一样的。再就是实现富文本的展现。 首先把静态图片导入到我们的项目里面去 把图片放到我们的项目根目录下 配置文件内声明图片 搜索的结果item内加上图片。由于图片是动态的 封装一个_typeItem来加载图片 如果为空，返回一个默认的图片 图 阅读全文
posted @ 2020-02-15 11:34
高山-景行
阅读(370)
评论(0)
推荐(0)
摘要：
来实现搜索的item，以及item的跳转 ，还有索索详情页的实现。 跳转的详情页 首先我们的item需要点击事件，就用GestureDetector包裹一下。点击的事件通过webView打开item的url的地址 item具体显示的内容。底部是实线，用border 左边图片，右边是标题。标题下面是计 阅读全文
posted @ 2020-02-15 11:29
高山-景行
阅读(183)
评论(0)
推荐(0)
浙公网安备 33010602011771号