Flutter小记录

shift + alt + f 格式化代码
布局flexbox布局,跟react比较像.
主轴row时是横向,主轴column时是竖向;
交叉轴跟主轴是一个垂直的关系.

GridView.extent中maxCrossAxisExtent的作用
经测试发现,这个属性意思是副轴的最大长度,因为GridView的主轴是竖的,所以GridView中该属性指的是最大宽度,如果屏幕是320像素宽,指定为160的时候GridView默认每行显示2个,那如果是150或者170的时候呢?前面说了是最大宽度,当150的时候,每行能放下2个还多一点空间,所以GridView会把每个item缩小然后每行放3个item,如果是170的时候能放1个item还多一点空间,这时候就会缩小这个item的宽度然后放2个item.

flutter snippets 代码片段的扩展插件Awesome Flutter Snippets
(VScode)

自定义代码片段:
1.编辑器输入>sni
2.选中Preferences: Configure User Snippets
3.选中dart.json(Dart)

终端命令输入: flutter clean (清除编译缓存)

command + . 快速修复

Redux 是一个用来做[可预测][集中式][易调试][灵活性]的数据管理的框架。所有对数据的增删改查等操作都由 Redux 来集中负责

shareSDK: http://wiki.mob.com/sharesdk-for-flutter/

//这个命令会给我们生成arb文件,放在intl这个目录下
flutter pub pub run intl_translation:extract_to_arb --output-dir=lib/demo/i18n/intl/ lib/demo/i18n/intl/ninghao_demo_localizations.dart

//基于arb字符串生成dart库文件
flutter pub pub run intl_translation:generate_from_arb —generated-file-prefix=ninghao_demo_ —output-dir=lib/demo/i18n/intl/ —no-use-deferred-loading lib/demo/il8n/intl/ninghao_demo_localizations.dart lib/demo/il8n/intl/intl_*.arb

你可能感兴趣的:(Flutter小记录)