目录:
- 配置环境遇到的坑
- 开发规范—基础规范
- 工作成果
配置环境遇到的坑
- 配置
Android Studio
中需要翻墙,使用了阿里云仓库加快配置速度。
allprojects {
repositories {
maven{ url 'http://maven.aliyun.com/nexus/content/groups/public/'}
jcenter()
}
}
- 配置
Flutter SDK
中需要配置环境变量,下载flutterSDK过程中遇到如下问题。
- 配置flutter环境变量说明
- 下载Flutter的 Stable channel 稳定版本。
- 开始下载了
flutter v1.8.3 Dev channel
版本,发现App的UI混乱和输入框光标对不齐的问题。- 解决: 下载了Stable版本的flutterv1.7.8+hotfix.4不会出现1中的问题,但是发现在Android Studio上的
hot Reload
和debug
变得速度很慢,甚至失效,使用CMD
启动Flutter项目可以解决热更新慢的问题。
开发规范—基础规范
layouts.dart
中按照1080*1920
手机分辨率,定义了颜色、文字演示、数字字体UI规范。
-
L.sxx
: 用于Widget之间的间距与留白。 -
L.fxx
:定义了字体大小,且不允许字体缩放。 -
L.axx
: 定于不同级别的透明度
- 正文类,主题类,文字连接:xxxStyle
- 次级标题,辅助文字说明 :xxxStyle2
- 不可用、弱化显示:xxxStyle3
工作成果
1. 添加了kyc_text_input_widget.dart,根据下图分析。
- 原 InputWidget 中有默认的Padding,添加
contentPadding
字段自己传入Padding - useBorder 设置为 false 取消边框。
2. 修改ListPickerWidget defalutIndex
通过 Type 值判断ListPickerWidget选择情况。
// -1 not select, 0 yes, 1 no
static int toPickItem(bool itemType) {
if (itemType == null) {
return -1;
} else {
return itemType ? 0 : 1;
}
}
3. 修改 LabelBoxDecoration
添加当 LabelText = null
的情况 Padding适配。
原因: ListPickerWidget
与 InputWidget
在一行使用,ListPickerWidget默认带Padding,导致两个Widget不能对齐的情况