01 2020 档案
摘要：为了看到效果在Search页面调用 实现onTextChange 搜索页，运行报错 这是因为我们的searchBarType没有传值。但是也没有设置默认值。 我们给这个两个参数都设置默认值 再来运行测试效果 但是并没有背景色 实现背景色 要实现背景色需要外层Contianer里面加装饰器。。最主要的
阅读全文
摘要：没有内容的时候，显示的是一个话筒的按钮、左边是一个搜索的图标。 首页的样式 自定义组件 根据localNav改也给名字 叫做search_bar.dart searchBar是有状态的，需要和用户去做交互。 定义这些参数，并实现构造方法。SearchBarType是枚举类型。 文本框需要用到Text
阅读全文
摘要：首先实现首页大接口的调用。首页各个model json转model在线工具 跳转详情页面用webView实现。也就是flutter和H5的混合开发 实现网格卡片的布局 根据屏幕宽度均分卡片的宽度 首页各个模块布局提取 结束
阅读全文
摘要：为首页实现一个加载的进度条 新建一个dart文件 child就是子页面， isLoading：是否加载中 cover：是否覆盖页面 设置参数并生成构造方法。 isLoading是必须的，@requeired修饰。child也是保修的。conver默认值是false 不是conver和isLoadin
阅读全文
摘要：设置child要显示的文字 把创建好的卡片都添加进去 首页调用 上面定义变量 loadData的时候对数据进行初始化 调用，并传入model 运行测试 并没有显示任何东西 并抛出了一些异常 SalesBox布局的约束有问题 因为代码是拿着之前subNav的代码改的，所以有些代码的地方需要修改。例如这
阅读全文
摘要：实现底部卡片的入口。分为上面的title，第二行是两个大的卡片。第三行底部是四个小的卡片。 拆分成3行。 在sub_nav.dart的基础上复制一个，叫做sales_box.dart build方法代码该删的删 ，现在是这样 重点实现items 在这里提供一个doubleItem的方法 下面来实现d
阅读全文
摘要：活动入口。首先分为上下两行，每一行有5个入口。每个入口分为商量两个部分，上面是图标下面是文字。 开始 新建sub_nav.dart Contianer的高度去掉， 四个角都是圆角的话，有一个简单的方式设置。 可灵活配置的展现 每行虽然现实了5个，但是如果后端返回的数据 自由4个 或者 6个等等。 不
阅读全文
摘要：上面一个item下面一个item。这里用到了Expaned让他展开 这里又用到的是SizedBox。一个是水平方向的展开，一个垂直方向的展开。 也就是我们的iten在水平和垂直方向都能够填充父布局的宽度和高度 下面使用这个doubleItem isCenterItem这个参数并没有用，这里直接删除掉
阅读全文
摘要：首页卡片的布局，这是输液最复杂的布局。卡片分为上中下，四个角都是圆角的 这么去划分 在grid_nav原来代码基础上上进行修改 继承StatelessWidget 这就是每一行的数据 常见左边第一个大图的元素。大的卡片底部是一个图片。上面是一个文字。 就需要用到Stack，让它绝对定位，也就是wid
阅读全文
摘要：封装好了WebView，下面来使用它。Nav里面每个图标点击会跳转到H5的页面。 跳转需要用到Navigator来push一个页面。然后里面使用MaterialPageRoute， 导入WebVIew这个widget 运行测试 点击 点击左侧的按钮可以返回。 点击返回，并没有返回到我们的首页，而是打
阅读全文
摘要：webview具体展示的内容，想让它撑满整个界面。 用Expanded这个widget 初始化加载的时候提示信息 目前WebView还有一个bug。即使我们默认让它隐藏，也设置了初始化加载的信息。但是 你会发现它是无效的。但是在不久的将来，它修复了这个bug ，就可以正常使用了。 状态栏的颜色的判断
阅读全文
摘要：外面是圆角的背景， 每一个图标都是可以点击的，会跳转到对应的详情页面。 自定义组件 创建标题为local+nav 需该为接收List。也要接收这5个图标的数组。 接收的类型是CommonModel的List 下面定义组件的展现。 外层放一个Container，以方便我们定义它的宽和高。 高度设置为6
阅读全文
摘要：button就可以是一个组件。 组件也可以大到页面的一个区域。flutter里面组件是由widget组成的 创建widget的包 组件继承stateless还是Stateful。根据组件有没有需要交互的部分 比如这里就是用来纯展示的 之类的搜索栏有交互的部分。所以这种的就需要stateful 继承S
阅读全文
摘要：本节代码：https://github.com/zhengeili/flutter_trip/tree/9-3-and-9-4 运行测试 在这里debug调试一下 try catch去掉，这样调试比较方便一些 这几个异常都勾选。它会在代码出现异常的时候进行暂停。这是开启全局断点。 这一步出现异常。
阅读全文
摘要：HomeModel最关键的工厂方法。这个工厂方法和其他的工厂方法稍有不同。 先把接收到Map里面的值转换成List dao层 需要http请求，需要安装一个插件。 https://pub.dev/packages/http http: ^0.12.0+1 导入这个包，并给这个包改名字 接口里面有字符
阅读全文
摘要：设计首页大接口的dao层 创建dao的包 在创建model的包 创建HomeModel dart的命名规则通常是小写加下划线的方式来命名 再创建config_model ConfigModel比较简单，就这一个字段。 创建了它的构造方法 构造方法，我们通常用大括号来包裹一下。这样一来我们的构造方法就
阅读全文
摘要：banner 网格布局 首页大接口的地址 一共包含这几大部分。每一部分都代表了首页的一个模块 config是搜索模块用到的 bannerList： banner对应的，图片和链接地址。 gridNav：网格卡片。 酒店、机票、旅行 首先需要把获取到的json数据转换成model，以方便我们在首页里面
阅读全文
摘要：具体首先 安卓端提供MainActivity 输入文本，点击按钮 最终把参数传递到dart上 dart端接收 首先要导入ui的包 然后就可以使用window，window里面有个defaultRouteName 这个就是在初始化flutter模块的时候传递过来的initRoute参数 第二个实例 分
阅读全文
摘要：之前讲了通讯的三种方式 BasicMessageChannel安卓端的实现。 首先接收一个BinaryMessage 然后是name，codec是解码器。 消息解码器有四种实现：粉笔额是BinaryCodec、StringCodec、JSONMessageCodec、StandarMessageCo
阅读全文
摘要：BasicMessageChannel 都需要先到导入services.dart这个包 MethodChannel 比如dart调用native的相册，相机拍照。就可以通过MethodChannel来完成。 codec是消息的编解码器。 EventChannel 消息通信的机制，消息通信的三种方式。
阅读全文
摘要：在flutter的目录下运行命令 第二步，运行原生，点击按钮后，控制台的输出。 同步代码到安卓设备上已经完成。热加载小r 热重启的是大R。请求帮助按h 。退出按q 这个时候原生的效果就出来了 原生这里就看到了效果 调试Dart代码 原生运行的app打开。点击加载flutter模块。 加载完成后就出现
阅读全文
摘要：android studio 打开我们创建好的flutter混合项目 android studio 打开安卓的代码 首先需要在settings添加依赖配置。这是flutter官方推荐的配置。 在原生工程里面添加 flutter module模块的依赖。 将flutter作为view继承到项目里面去。
阅读全文
摘要：原生的页面里面可以打开flutter的页面，也可以在flutter的页面打开原生的页面。以整个页面级的形式嵌入进来。 课件学习 本节主要讲怎么创建flutter mmodule 结束
阅读全文
摘要：数组还是那个数组，只不过这里由静态类型改成了非静态类型。 改成了有状态的widget 用RefreshIndicator包裹ListView。这样ListView就有了下拉刷新的能力。 下拉，松开的的手的时候会执行刷新，也就是onRefresh这个方法。这个方法要求我们传递一个必须带有Future返
阅读全文
摘要：网格布局 GridView.count允许我们控制，这一行显示几列。目前我们这里一行显示了两列。 GridView.count来创建GridView 代码运行起来的效果 比如修改为一行显示3列 结束
阅读全文
摘要：app开发过程中，有时候会有这样的需求 列表的展开和收起 每一个item是北京这一行 children就是列表展开要是显示的widget 监听列表的展开和收起 标题右边显示的widget 默认状态是显示向上和向下的箭头 数据上的要求 _buildSub生成每一个item 运行出来的效果 如果想自定义
阅读全文
摘要：主要学习ListView的水平列表和垂直方向的布局。 运行这段代码，查看效果 水平布局 这里设置了滚动的方向 只有一行代码的改动 按住文字才可以左右滚动。 可以左右滑动 给每一个item设置了160的宽度，然后，设置了右边的间距是5. 如果我们要为ListView设置高度的话。这里给item设置高度
阅读全文
摘要：先导入。 版本号有问题。非法的版本号 我们可以从仓库内找到 最新的版本号 重新安装 实现计数器的demo 代码是main函数的 所以可以直接放在main.dart这个文件内运行 本地存储内获取值 获取counter这个key值 如果不存在就返回0 结束
阅读全文
摘要：借助的插件 final类型的用这种方式 集合数据先转List然后 在调用map方法循环，里面每一项 执行了formJson方法，就是每个子项循环转换成了一个实体对象。 改成final之后，就可以通过这种方式来进行调用了。 数据量大的情况下 新建一个test.dart把生成的代码复制过来 然后可以根据
阅读全文
摘要：实现异步编程 Future类似于ES6里面的Promise 3秒后打印出done 通过whenComplete来获取future执行结束后的结果。 timeout 执行时间设置为3秒。超时时间设置为2秒。 FutureBuilder的使用 结束
阅读全文
摘要：通过Packages get来安装插件。 用到库的地方导入这个库 post请求 点击按钮后 运行测试代码 直接放在main.dart这个类里面 复制过来直接运行 点击点我，就会发生网络请求。 首先看网址返回这个类型的结果。 json.decode转换成map。然后再用fromJson转换成对象。 通
阅读全文
摘要：底部TabBar切换 Stack不同的widget叠加 列表滚动的优化 使用MediaQuery.removePadding 移除不同的widget不同的边距。 结束
阅读全文
摘要：appBar颜色的渐变，由不透明 变为透明 首先需要一个滚动的列表。 列表用ListView来实现。里面接收children[]数组。这里用Scoffold脚手架，body里面用Center，然后里面是Column布局，也就是竖着布局。 Scoffold-->Center-->Column >Con
阅读全文
摘要：路径保存 起个名字叫做flutter_trip 点击完成 这里是模拟器 dart的入口 运行按钮 运行看下初始化的项目 点击数字持续+1 创建navigator的目录文件夹。 再创建dart文件 首先要导入material 继承有状态的组件StatefulWidget。这里提示我们要复写一个方法。
阅读全文
摘要：Scaffold widget 借助Scaffold来实现顶部导航。 复制运行，查看效果 左右滑动，可以完成页面之间的切换。 底部导航。 bottom_navigation_bar接收两个参数一个是fixed 一个是shifting: tab在选中的时候，才会显示底部的标题，不点击的时候会隐藏底部的
阅读全文
摘要：安卓的错误代码在借助Logcat IOS接入XCode 如何调试flutter代码 首先是debug模式下运行代码 断点可以设置表达式。这就是表达式断点。 继续运行项目，运行到下一个断点。 调试的时候查看变量的值有三种方式 鼠标放在变量上 二是变量的视窗里面 watches视窗，例如我们想在之类看变
阅读全文
摘要：这就是Hero标准动画的实现。 先来从main方法入手 点击图片的事件 Hero的函数原型 tag图形之间变化的标识 底部Row的布局。每行显示三个图片。 本节代码 https://www.devio.org/2019/04/21/flutter-animation-tutorial-hero/ 结
阅读全文
摘要：点击按钮播放动画。 value在0到300变化。 指定controller的执行时间为2秒。 添加监听 reset让动画回到初始的位置。 为动画添加监听器 控制了logo的从小放大 首先是集成AnimatedWidget build会根据动画的值而进行重新渲染 什么是AnimatedBuilder
阅读全文
摘要：https://www.devio.org/2019/04/20/flutter-animation-tutorial-base/ 结束
阅读全文
摘要：安装这个插件 本地资源中加载placeholder 图片缓存 借助这个插件。 先配置，然后获取这个包 把网络断点，再次运行，就会从缓存里面加载图片了。 加载icon 自定义Icon 结束
阅读全文
摘要：加载网络图片 复制到main.dart内运行代码 静态图片 加载本地图片 添加插件的依赖 结束
阅读全文
摘要：脑图 这个项目里面，每个项目之间都是独立的 第四个。收集了flutter相关的一些app 如何构建flutter实例项目 以官方例子演示。 默认的这个examples我们在搭建环境的时候已经存在我们的电脑上。 找到flutter的SDK的路径 以flutter_gallery为例子 结束
阅读全文
摘要：语音搜索这块。 如何调用硬件与第三方服务 构建与集成Native SDK/模块？ 课程里面会做详细的介绍。 比如语音搜索的这个模块其实就是集成了Native的SDK。并且我们的Native SDK和flutter进行交互。 结束
阅读全文
摘要：如何获取用户的输入 输入框的提示文字 不输入的时候文本框的提示性文字 搜索关键字的高亮 用的是RichText。里面的children是一个数组，spans 结束
阅读全文
摘要：如果在Text Widget上设置自定义字体 如果在Text上定义样式 设置主题 运行最后一段代码看效果 颜色改成红色 结束
阅读全文
摘要：如何给Widget添加点击监听事件 如何处理Widget的其他手势 TapCancel就是点下去了，然后滑出去了。 点击按钮提示 识别中。。。 松开按钮 结束
阅读全文
摘要：复制到AS里面 查看效果。 浏览器里面输入地址返回的数据 和 flutter中返回的是一样的 如何将工作放在后台的线程执行 运行这段代码 如何获取网络请求 长时间运行的任务添加一个进度指示器 请求完成后 loading效果 消失 结束
阅读全文
摘要：Flutter中Intent等价于什么 可以在flutter的插件的仓库中搜索 调用相机的插件 多个页面之间的跳转。 获取路由跳转返回的结果 处理外部应用程序传入的Intents 跳转到其他App flutter有现成的插件 结束
阅读全文
摘要：什么是StatelessWidegt 传递过来的的参数text被标识为final不可变的 什么是StatefulWidget StatefulWidget和StatelessWidget最佳实践 点击按钮后 结束
阅读全文
摘要：LinerrLayout在Flutter中等价于什么 RelativeLayout https://stackoverflow.com/questions/44396075/equivalent-of-relativelayout-in-flutter 如何使用wiget定义布局属性 如何分层布局
阅读全文
摘要：谁是Flutter中View 如果更新widget 布局 如果在布局中添加和删除组件 对widget做动画。 复制代码过来后，运行 点击按钮log淡入的形式出现。 它的透明度 取决于上面的动画。 flutter绘图 绘制原型和方形 编辑器内运行代码 自定义widgets 如何设置Widget的透明度
阅读全文
摘要：项目文件结构 图片资源和处理不同分辨率 归档Strings资源， 如何添加所需的依赖 https://pub.dev/flutter/packages 结束
阅读全文
摘要：如何创建一个flutter项目 如何运行flutter项目 如何导入widget 如何写一个hello world 左边是安卓，右边是IOS 在实现了相同功能 的程序，flutter的代码要比react native的代码量要少很多。 如何使用Widget，并将其嵌套以形成widget树 下图就是运
阅读全文
摘要：首先 程序入口 https://www.tutorialspoint.com/execute_dart_online.php 控制台输出 变量 定义变量的时候，可以指定它的类型，也可以不指定它的类型。 创建和分配变量 没有指定otherName的类型，但是在运行的时候会推测出otherName的类型
阅读全文
摘要：DartPad https://dart.dev/ https://dart.dev/tools/dartpad DartPad中文的地址： https://dartpad.cn dartpad.cn默认的展示。 必须要写在入口main中才可以正确的输出 结束
阅读全文
摘要：自定义mapper 后面加上custom表示mapper是自定义的 自定义要实现的方法 定义xml 复制一份CategoryMapperCustom加上Custom为自定义的。 这里之前是给通用mapper用的，所以这里可以删掉了。 namespace这里一定要改成CaegoryMapperCust
阅读全文
摘要：用户鼠标移到一级分类，去查询自己的二级分类。 这些的father_id是11 也就是蛋糕的三级分类。 写sql 先写sql，需要用到自链接，我们使用的通用mapper是做不到多表关联查询的。所以我们要写自定义的sql语句 自己关联自己，f代表father 。c代表child where条件，指定fa
阅读全文
只有注册用户登录后才能阅读该文。
