2021年1月5日
创建分类功能 1 hexo new page categories 打开index文件 /source/categories/index.md 文件添加字段 title: categories date: 2021-01-05 12:19:59 type: "categories" 写文章的时候加上分类标签 title: mac android studio flutter 打包 apk date: 2020-11-16 20:16:07 categories: - unix tags: 添加标签同理 完。 参考:https://www.cnblogs.com/hankleo/p/11606224.html……
阅读全文
2021年1月5日
目的:实现客户端与服务端的实时通讯,基于TCP协议 与keep-alive区别:keep-alive机制会连接一小段时间,最终会断开,ws协议不会断开 原理:通过一条特殊的http协议请求进行握手后,服务端支持ws协议,则进行协议升级,利用http创建的tcp连接,实现长连接。 步骤分……
阅读全文
2021年1月5日
国内第一本开源的电子书,也有实体书,特此记录 在线编辑步骤 npm i -g gitbook-cli gitbook install #安装本书构建所要依赖的插件 gitbook serve 来源:https://github.com/flutterchina/flutter-in-action……
阅读全文
2021年1月5日
在给app的网络请求添加loading过程中,发现一个封装更加完善的网络三方库,里面有很多值得借鉴的细节,特此记录 优点: 默认自带loading,如果单个请求不想要loading,可以传递参不显示,自己封装的目前全部显示loading 更加友好的控制台json打印 封装了公共参数 响应拦……
阅读全文
2021年1月5日
地址:https://github.com/kokohuang/flutter_easyloading 用法,添加到materialApp的builder属性中 1 2 3 4 5 6 7 8 9 10 11 12 13 14 class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter EasyLoading', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyHomePage(title: 'Flutter EasyLoading'), builder: EasyLoading.init(), ); } } 接下来在任何地方调……
阅读全文
2021年1月5日
如果一个组件没有调整内边距的属性,那么可以在它的外层加一层Padding,达到调整位置的效果,效果等同于放到Container里,比Container更轻量级 1 2 3 4 Padding( padding: EdgeInsets.all(10), child: Text('这是一段测试文字'), )……
阅读全文
2021年1月5日
该组件可以用在container和card组件里,默认有大标题和小标题属性,无需再进行text上下排列组合 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Card( margin: EdgeInsets.all(10), child: Column( children: <Widget>[ ListTile( title: Text("张三",style: TextStyle(fontSize: 28)), subtitle: Text("董事长"), ), Divider(), ListTile( title: Text("电……
阅读全文
2021年1月5日
在开发过程中,Container组件使用多了,会有一些重复的代码,比如矩形边框和圆角,需要额外加decoration,使用card已经默认加上了边框和阴影 1 2 3 4 Card( margin: EdgeInsets.all(10), child: ... )……
阅读全文
2021年1月5日
在一个数组容器里放置两个及其以上radio,当radio的group value和自己value相等时,便是选中状态 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 int groupValue = 1; _onChange(value){ if(mounted) setState(() { groupValue = value; }); } Row( mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[ Radio( value: 1, groupValue: groupValue, onChanged: (T) => _onChange(T), ), Radio( value: 2, groupValue: groupValue, onChanged: (T) => _onChange(T), ), Radio( value: 3, groupValue: groupValue, onChanged: (T) => _onChange(T), ), ], ) 参考:h……
阅读全文
2021年1月5日
取用圆角类的only属性,左上,右上,左下,右下,此处圆角半径也是一个类 1 2 3 4 BorderRadius.only( topLeft: Radius.circular(8.w), topRight: Radius.circular(8.w), ) 全部圆角则取all 1 2 3 BorderRadius.all( Radius.circular(8.w) )……
阅读全文