摘要:
以ios为,顶部有刘海 底部有操作的虚拟键 这是原来的main.dart 为了让文字一个在顶部,一个在底部,所以设置Y轴上为SpaceBetween 运行效果。这是没有加任何适配的情况。 直接外层套SafeArea MediaQuery的方式 先获取到padding 设置顶部的padding和底部的 阅读全文
摘要:
ios项目的启动屏的解决。 有需要的时候再看。 阅读全文
摘要:
点击flutter的app。在打开的时候有持续1到3秒的白屏 白屏 白屏后才会显示首页 flutter应用在启动的时候,首先会启动flutter SDK,然后会将flutter的代码加载到内存里面。然后完成渲染。在这个过程中,它是没有内容可以显示的,所以就只能显示这样的一个白屏 添加欢迎页 开源的插 阅读全文
摘要:
首先定义了两个重要的model 结束 阅读全文
摘要:
实现下拉刷新,下拉加载更多,打开页面loading的效果。 首先来移除顶部的padding 使用MediaQuery.removePadding 这样就去除了。 全局loading 加一个loading变量 数据加载完成之后,loading变为false 失败了也设置为false 默认加载有一个lo 阅读全文
摘要:
文字需要设置成单行显示,这样才不会换行 设置文字显示的形式,和样式 运行测试看效果 实现图片下的描述信息 底部放一个方法 _infoText用来封装最下面的左右布局 希望最左边和最右边,中间是空白的 左边头像圆角,用PhysicalModel。裁切的行为clipBehavior 图片的直径要是裁切的 阅读全文
摘要:
实现这样的卡片 上节课我们创建了 _TravelItem。一个TravelItem就代表了一个卡片。 卡片可以点击跳转到详情页面 所以最外层我们放一个手势的检测器 满足这种情况,我们才让他跳转到详情页 实现卡片的布局 带有圆角底部阴影的卡片 裁切效果 封装一个ItemImage生成上面的图片 底部是 阅读全文
摘要:
瀑布流布局的组件。 看官方的使用说明 在Scoffold脚手架下直接用组件。 创建一个通用的方法来返回我们的类。 接收这么几个参数 名字修改为_TravelItem 这两个参数不需要 删除掉。 使用这个TabPage 运行测试 没有效果 double不能转换成int类型。 debug调试 勾选所有的 阅读全文
摘要:
实现瀑布流的布局 定义请求数据的url和每页显示的数据量 定义两个变量。 这是一个构造方法:super这种方式是可以直接调用父类的构造方法, 等价于后面加个大括号的这种形式。会有个提示 这个方法体为空的 建议移除。构造方法前面的修饰符去掉 方法体移除后就成这样了。 如果我们的方法体不是空的话。比如里 阅读全文
摘要:
实现tab,可以点击切换 首先来实现一个tab框架。首先创建travel_page 定义成员变量,用到TabView,所以需要先定义TabController。然后定义本页的数据TravelModel 默认为空数组 还有TravelTabModel 在initState内请求接口数据 这个this我 阅读全文
摘要:
根据这些接口,实现dao层 旅拍类的接口 首先创建travel_tab的model 接口返回这样的字段 根据json用工具来生成 生成的名字需要改一下 Tab页接口 根据json生成代码 只保留需要的字段 改成叫做TravelItem 这里这个字段不需要,这里删除掉 删除 旅拍类别dao 创建 旅拍 阅读全文
摘要:
这是最终要实现的效果 顶部的tab可以滑动 旅拍模块的接口细分 接口返回的字段 通过模型转换工具进行转换。 结束 阅读全文
摘要:
回顾 阅读全文
摘要:
现在只欠调用我们的plugin完成语音识别。以及跳转到搜索页面,把识别的结果带过去。完成一个语音搜索的功能 定义语音识别的结果的变量 判断识别的结果如果不为空那么就设置识别结果的变量。 彩蛋 页面跳转,并把识别的结果带过去,首先要关闭当前页面。 彩蛋:一定要关闭当前页面,才能进行跳转。不然你会看到无 阅读全文
摘要:
如何实现了一个循环执行的动画呢? 调用reverse()方法,反向执行。 重写dispose的声明周期。controller调用dispose释放资源。 下面这里就可以用anmiation 右边删除按钮 使用绝对定位。点击按钮的时候关闭页面。 设置Icon 上方布局实现 外层用一个Container 阅读全文
摘要:
调用语音识别,首先打开我们的首页 这里我们提供了_jumpToSpeak的方法 创建语音识别页面 复制一个my_page.dart 取名叫做speak_page 首先先来实现这个界面。中间有一段话,下面有三行文字。 下面是一个动画的按钮。点击就会变小。右边还有一个关闭的按钮 这里就用到了之前讲到的动 阅读全文
摘要:
重点实现AsrPlugin, 需要打印log。就需要一个TAG,这里定义了一个TAG 然后来添加一个方法 在里面实例化MethodChannel和我们的Dart端进行关联,参数接收一个BinaryMessager 用register.messager()获取到Message 然后来实例化Plugin 阅读全文
摘要:
建议先学 已经实现好了这几个类。 首先以安卓模式来打开我们的项目 在asr这个目录下,导入几个类 这几个类其实是下载的百度AI语音demo里面所提供的,里面已经提供了对百度AI的使用 首先复制这个IRecogListener IRecogListener复制过来改个名字叫做OnasrListener 阅读全文
摘要:
开发flutter的插件,首先来定义Dart端的接口。 创建plugin目录 创建类 这里需要用到dart端和native端通讯的channel。首先需要导入services的包 指定channe的名字要和native端统一,否则找不到 提供几个接口。 首先是start方法,参数params为可选的 阅读全文
摘要:
点击话筒的图标 点击,提示识别中。进行说话 说一个上海。这样就自动搜索了上海 说一个长城,自动识别为长城 引入安卓SDK 以百度AI只能语音为例 首先下载安卓的SDK 下载的文件,进行解压 这里有个扎包,导入到我们的项目里面去。 安卓的模拟器只支持X86的结构。所以这里引入x86的架构。主要是为了我 阅读全文