摘要:
首先实现首页大接口的调用。首页各个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 ,就可以正常使用了。 状态栏的颜色的判断 阅读全文