weixin_30680385的博客

在日常项目中的开发中，接触移动端开发的小伙伴们免不了要和移动端调试打交道，本文特在此总结下常用的移动端调试，欢迎小伙伴补充。谷歌浏览器谷歌浏览器是我们前端开发中必不可少的利器，跳样式，打断点，看网络请求，看性能等，基本上你能想到的，谷歌都能满足你，在移动端调试方面也是一样，我们可以利用谷歌浏览器的手机模式，如下图, 点击这个右侧红框手机按钮，便可以切换为手机模式，同时我们还可以在左侧...

1转载于:https://www.cnblogs.com/crazycode2/p/11616371.html

1转载于:https://www.cnblogs.com/crazycode2/p/11610815.html

1转载于:https://www.cnblogs.com/crazycode2/p/11600740.html

1转载于:https://www.cnblogs.com/crazycode2/p/11610595.html

1转载于:https://www.cnblogs.com/crazycode2/p/11605502.html

1转载于:https://www.cnblogs.com/crazycode2/p/11588316.html

2转载于:https://www.cnblogs.com/crazycode2/p/11594804.html

1转载于:https://www.cnblogs.com/crazycode2/p/11575619.html

根据json数据生成模型类转载于:https://www.cnblogs.com/crazycode2/p/11559851.html

1转载于:https://www.cnblogs.com/crazycode2/p/11581287.html

1转载于:https://www.cnblogs.com/crazycode2/p/11565306.html

当app关掉了。再进去的时候 ，购物车的内容还是存在。sqflite提供这个来操作SQLite数据库flutter提供三种持久化的工具今天要学的就是shared_preferences还有一种持久化就是:file,用流的形式去读取还是有些慢安装shared_preferences插件地址：https://github.com/flutter/plugins...

新加provide的cart.dart页面引入三个文件。开始写provide类。provide需要用with 进行混入从prefs里面获取到数据，判断有没有数据，如果有数据就返转正List<Map>判断是否有重复的记录，如果有重复记录就数量+1，如果数据不存在就加入到tempList数组中，最后把tempList数据转成字符串，进行持久化清空购物车...

增加切换的效果，我们主要是修改这个地方这样我们的评论的内容就显示出来了最终代码details_web.dartimport 'package:flutter/material.dart';import 'package:provide/provide.dart';import '../../provide/details_info.dart';im...

一直悬浮在最下面的Stack层叠组件。里面用Row 可以横向布局开始stack如果想定位就要用position去定位。修改return返回值的这个地方大R刷新查看效果，可以看到固定的在左下角的测试的字样。一直固定在底部做底部的固定栏widget新建页面：在文件夹details_page/details_bottom.dart 在布局用三个Ink...

主要实现详情和评论的tabprovide定义变量自己做一个tab然后用provide去控制定义两个变量来判断是左侧选中了还是右侧选中了。并定义一个方法来接受参数，修改是左侧还是右侧选中的状态值新建组件页面details_page/details_tabbar.dart然后定义方法_myTabbarLeft左侧tab的点击事件，调用provide...

把详细页的图片、标题、编号和价格形成一个单独的widget去引用详情页的顶部单独封装个插件在pages下面新建detials_page的文件件并在里面新建页面details_top_area.dart文件添加引用，然后声明一个静态的类返回顶部图片的方法商品名称方法：商品编号方法开始写Build最外层是一个Provide，里面mode...

详情里面是hemlt和图片组成的，但是flutter是不支持html的所以需要其他插件flutter webview plugin:这个不太好用flutter_html：用这个插件先解决之前一个bug在加载详情页面的时候，控制台输出报错了需要用的到异步的处理provide/details_info.dart类的方法：getGoodsInfohtml插...

pages/details_page/details_expain.dart详情页面引用组件效果展示：最终代码：import 'package:flutter/material.dart';import 'package:flutter_screenutil/flutter_screenutil.dart';class DetailsExp...