上一页 1 ··· 14 15 16 17 18 19 20 21 22 ··· 93 下一页
摘要: 设置child要显示的文字 把创建好的卡片都添加进去 首页调用 上面定义变量 loadData的时候对数据进行初始化 调用,并传入model 运行测试 并没有显示任何东西 并抛出了一些异常 SalesBox布局的约束有问题 因为代码是拿着之前subNav的代码改的,所以有些代码的地方需要修改。例如这 阅读全文
posted @ 2020-01-18 20:34 高山-景行 阅读(200) 评论(0) 推荐(0) 编辑
摘要: 实现底部卡片的入口。分为上面的title,第二行是两个大的卡片。第三行底部是四个小的卡片。 拆分成3行。 在sub_nav.dart的基础上复制一个,叫做sales_box.dart build方法代码该删的删 ,现在是这样 重点实现items 在这里提供一个doubleItem的方法 下面来实现d 阅读全文
posted @ 2020-01-18 20:12 高山-景行 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 活动入口。首先分为上下两行,每一行有5个入口。每个入口分为商量两个部分,上面是图标下面是文字。 开始 新建sub_nav.dart Contianer的高度去掉, 四个角都是圆角的话,有一个简单的方式设置。 可灵活配置的展现 每行虽然现实了5个,但是如果后端返回的数据 自由4个 或者 6个等等。 不 阅读全文
posted @ 2020-01-18 19:49 高山-景行 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 上面一个item下面一个item。这里用到了Expaned让他展开 这里又用到的是SizedBox。一个是水平方向的展开,一个垂直方向的展开。 也就是我们的iten在水平和垂直方向都能够填充父布局的宽度和高度 下面使用这个doubleItem isCenterItem这个参数并没有用,这里直接删除掉 阅读全文
posted @ 2020-01-18 18:22 高山-景行 阅读(322) 评论(0) 推荐(0) 编辑
摘要: 首页卡片的布局,这是输液最复杂的布局。卡片分为上中下,四个角都是圆角的 这么去划分 在grid_nav原来代码基础上上进行修改 继承StatelessWidget 这就是每一行的数据 常见左边第一个大图的元素。大的卡片底部是一个图片。上面是一个文字。 就需要用到Stack,让它绝对定位,也就是wid 阅读全文
posted @ 2020-01-18 16:32 高山-景行 阅读(361) 评论(0) 推荐(0) 编辑
摘要: 封装好了WebView,下面来使用它。Nav里面每个图标点击会跳转到H5的页面。 跳转需要用到Navigator来push一个页面。然后里面使用MaterialPageRoute, 导入WebVIew这个widget 运行测试 点击 点击左侧的按钮可以返回。 点击返回,并没有返回到我们的首页,而是打 阅读全文
posted @ 2020-01-18 00:23 高山-景行 阅读(308) 评论(0) 推荐(0) 编辑
摘要: webview具体展示的内容,想让它撑满整个界面。 用Expanded这个widget 初始化加载的时候提示信息 目前WebView还有一个bug。即使我们默认让它隐藏,也设置了初始化加载的信息。但是 你会发现它是无效的。但是在不久的将来,它修复了这个bug ,就可以正常使用了。 状态栏的颜色的判断 阅读全文
posted @ 2020-01-18 00:03 高山-景行 阅读(293) 评论(0) 推荐(0) 编辑
摘要: 外面是圆角的背景, 每一个图标都是可以点击的,会跳转到对应的详情页面。 自定义组件 创建标题为local+nav 需该为接收List。也要接收这5个图标的数组。 接收的类型是CommonModel的List 下面定义组件的展现。 外层放一个Container,以方便我们定义它的宽和高。 高度设置为6 阅读全文
posted @ 2020-01-17 22:29 高山-景行 阅读(241) 评论(0) 推荐(0) 编辑
摘要: button就可以是一个组件。 组件也可以大到页面的一个区域。flutter里面组件是由widget组成的 创建widget的包 组件继承stateless还是Stateful。根据组件有没有需要交互的部分 比如这里就是用来纯展示的 之类的搜索栏有交互的部分。所以这种的就需要stateful 继承S 阅读全文
posted @ 2020-01-17 19:19 高山-景行 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 本节代码:https://github.com/zhengeili/flutter_trip/tree/9-3-and-9-4 运行测试 在这里debug调试一下 try catch去掉,这样调试比较方便一些 这几个异常都勾选。它会在代码出现异常的时候进行暂停。这是开启全局断点。 这一步出现异常。 阅读全文
posted @ 2020-01-17 12:57 高山-景行 阅读(261) 评论(0) 推荐(0) 编辑
摘要: HomeModel最关键的工厂方法。这个工厂方法和其他的工厂方法稍有不同。 先把接收到Map里面的值转换成List dao层 需要http请求,需要安装一个插件。 https://pub.dev/packages/http http: ^0.12.0+1 导入这个包,并给这个包改名字 接口里面有字符 阅读全文
posted @ 2020-01-17 12:21 高山-景行 阅读(540) 评论(0) 推荐(0) 编辑
摘要: 设计首页大接口的dao层 创建dao的包 在创建model的包 创建HomeModel dart的命名规则通常是小写加下划线的方式来命名 再创建config_model ConfigModel比较简单,就这一个字段。 创建了它的构造方法 构造方法,我们通常用大括号来包裹一下。这样一来我们的构造方法就 阅读全文
posted @ 2020-01-16 23:33 高山-景行 阅读(302) 评论(0) 推荐(0) 编辑
摘要: banner 网格布局 首页大接口的地址 一共包含这几大部分。每一部分都代表了首页的一个模块 config是搜索模块用到的 bannerList: banner对应的,图片和链接地址。 gridNav:网格卡片。 酒店、机票、旅行 首先需要把获取到的json数据转换成model,以方便我们在首页里面 阅读全文
posted @ 2020-01-16 22:52 高山-景行 阅读(233) 评论(0) 推荐(0) 编辑
摘要: 具体首先 安卓端提供MainActivity 输入文本,点击按钮 最终把参数传递到dart上 dart端接收 首先要导入ui的包 然后就可以使用window,window里面有个defaultRouteName 这个就是在初始化flutter模块的时候传递过来的initRoute参数 第二个实例 分 阅读全文
posted @ 2020-01-16 22:39 高山-景行 阅读(680) 评论(0) 推荐(0) 编辑
摘要: 之前讲了通讯的三种方式 BasicMessageChannel安卓端的实现。 首先接收一个BinaryMessage 然后是name,codec是解码器。 消息解码器有四种实现:粉笔额是BinaryCodec、StringCodec、JSONMessageCodec、StandarMessageCo 阅读全文
posted @ 2020-01-16 21:59 高山-景行 阅读(298) 评论(0) 推荐(0) 编辑
摘要: BasicMessageChannel 都需要先到导入services.dart这个包 MethodChannel 比如dart调用native的相册,相机拍照。就可以通过MethodChannel来完成。 codec是消息的编解码器。 EventChannel 消息通信的机制,消息通信的三种方式。 阅读全文
posted @ 2020-01-16 19:16 高山-景行 阅读(507) 评论(0) 推荐(0) 编辑
摘要: 在flutter的目录下运行命令 第二步,运行原生,点击按钮后,控制台的输出。 同步代码到安卓设备上已经完成。热加载小r 热重启的是大R。请求帮助按h 。退出按q 这个时候原生的效果就出来了 原生这里就看到了效果 调试Dart代码 原生运行的app打开。点击加载flutter模块。 加载完成后就出现 阅读全文
posted @ 2020-01-16 13:37 高山-景行 阅读(925) 评论(0) 推荐(0) 编辑
摘要: android studio 打开我们创建好的flutter混合项目 android studio 打开安卓的代码 首先需要在settings添加依赖配置。这是flutter官方推荐的配置。 在原生工程里面添加 flutter module模块的依赖。 将flutter作为view继承到项目里面去。 阅读全文
posted @ 2020-01-16 12:37 高山-景行 阅读(833) 评论(0) 推荐(0) 编辑
摘要: 原生的页面里面可以打开flutter的页面,也可以在flutter的页面打开原生的页面。以整个页面级的形式嵌入进来。 课件学习 本节主要讲怎么创建flutter mmodule 结束 阅读全文
posted @ 2020-01-16 12:16 高山-景行 阅读(505) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2020-01-16 12:07 高山-景行 阅读(152) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2020-01-16 00:24 高山-景行 阅读(125) 评论(0) 推荐(0) 编辑
摘要: 数组还是那个数组,只不过这里由静态类型改成了非静态类型。 改成了有状态的widget 用RefreshIndicator包裹ListView。这样ListView就有了下拉刷新的能力。 下拉,松开的的手的时候会执行刷新,也就是onRefresh这个方法。这个方法要求我们传递一个必须带有Future返 阅读全文
posted @ 2020-01-16 00:22 高山-景行 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 网格布局 GridView.count允许我们控制,这一行显示几列。目前我们这里一行显示了两列。 GridView.count来创建GridView 代码运行起来的效果 比如修改为一行显示3列 结束 阅读全文
posted @ 2020-01-15 23:54 高山-景行 阅读(246) 评论(0) 推荐(0) 编辑
摘要: app开发过程中,有时候会有这样的需求 列表的展开和收起 每一个item是北京这一行 children就是列表展开要是显示的widget 监听列表的展开和收起 标题右边显示的widget 默认状态是显示向上和向下的箭头 数据上的要求 _buildSub生成每一个item 运行出来的效果 如果想自定义 阅读全文
posted @ 2020-01-15 23:48 高山-景行 阅读(508) 评论(0) 推荐(0) 编辑
摘要: 主要学习ListView的水平列表和垂直方向的布局。 运行这段代码,查看效果 水平布局 这里设置了滚动的方向 只有一行代码的改动 按住文字才可以左右滚动。 可以左右滑动 给每一个item设置了160的宽度,然后,设置了右边的间距是5. 如果我们要为ListView设置高度的话。这里给item设置高度 阅读全文
posted @ 2020-01-15 23:35 高山-景行 阅读(736) 评论(0) 推荐(0) 编辑
上一页 1 ··· 14 15 16 17 18 19 20 21 22 ··· 93 下一页