flutter问题集

1. TextFormField
   • 如果要实现想iOS的textView或者是Android的textArea,但Flutter并没有提供这类型的Widget，有个第三方库，可以实现富文本编辑框Zefyr 。设置maxLines属性，可以增加textfield高度。
   • 如果要只是想要圆角，不想要边框颜色和选中边框颜色，可以设置enabledBorder和focusedBorder属性，改变颜色值为透明颜色
   • 如果想要改变单行textfield高度，可以设置contentPadding属性
   • 如果container设置圆角，里面的child为TextFormField如果设置border属性为Input.none的话，会导致圆角不显示

附示例代码：

TextFormField(
              maxLines: 14,
              decoration: InputDecoration(
                hintText: '您的宝贵意见将帮助我们不断改进',
                // border: OutlineInputBorder(borderRadius: BorderRadius.circular(20)),
                //设置填充颜色
                fillColor: Colors.white,
                filled: true,
                // 去掉未选中圆角颜色
                enabledBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(20),
                  borderSide: BorderSide(color: Color(00000000)),
                ),
                // 去掉选中圆角颜色
                focusedBorder: OutlineInputBorder(
                  borderRadius: BorderRadius.circular(20),
                  borderSide: BorderSide(color: Color(00000000)),
                ),
              ),
            )

2. UnconstrainedBox使用
   如果CircleAvatar嵌套在Center->Expanded下，设置radius属性会导致拉伸变形，因为父视图有约束，可以嵌套这个UnconstrainedBox使用消除约束
   参考链接

3. Flex布局文字过长省略号问题
   当Text的属性overflow设置为TextOverflow.ellipsis时，如果没嵌套Expanded或者Flexible会导致溢出，出现黄黑带的问题。另外要注意父Widget有没尺寸，如果没约束和尺寸的话会报冲突，导致一些Widget消失和报错的情况，并提示参考这个
   文档链接。

4. ios启动图问题

• 新版本Xcode去掉了LaunchImage这种方式，推荐使用launchStroyBoard方式。但用storyboard布局时，比如距离顶部时，要去掉Top Layout guide。不然会在iPhone 11 max出现白屏，一直到首页出现时才会展示启动图的问题或者是一开始距离正常，但快到首页出现时突然向顶部移动这两个问题。
• 有时白屏一直存在的话可能模拟器有缓存问题。在菜单栏->HardWare->Erase All Content and Setting.重置模拟器
  image
  image