初学Flutter 问题汇总

FlatButton 四周有空白：
建议更换为CupertinoButton，并设置其属性

      disabledColor: Color(0XFFCCCCCC),
      child: Text(
        "Test",
        style: TextStyle(color: Colors.white, fontSize: 16),
      ),
      onPressed: _counterNum >= 60 ? getVerificationCode : null,
      padding: EdgeInsets.all(0), //该属性会减去两边空白
      color: Color(0xffCA353A),
      borderRadius: BorderRadius.all(Radius.circular(20)),
   )

Flutter TextField上下有空白

TextField(
    decoration: InputDecoration(
                    hintText: "Please enter the verification code",
                    hintStyle:
                        TextStyle(fontSize: 12, color: Color(0xffdfdfdf)),
                    counterText: '',
                    contentPadding: EdgeInsets.symmetric(horizontal: 0), //这个属性是设置内容padding，去除空白也要设置这个
                    border: OutlineInputBorder(borderSide: BorderSide.none),//这两个属性会去掉底部空白和下划线，貌似加上下划线底部就会有一大段空白区域
                  ),
)

Flutter button设置disable禁用状态
查找了半天的文档，只看到了disableColor属性，并没有看到有设置disable的属性，百度了半天，终于找到了设置disable的方法
只需要将FlatButton以及其他button的onPressed设置为null，就是将Button设置为了disable禁用状态

CupertinoButton(
      disabledColor: Color(0XFFCCCCCC),
      child: Text(
        "Test",
        style: TextStyle(color: Colors.white, fontSize: 16),
      ),
      onPressed: _counterNum >= 60 ? getVerificationCode : null,//计数大于等于60，button可以点击状态。计数小于60，onPressed为null button处于disable状态
      padding: EdgeInsets.all(0), //该属性会减去两边空白
      color: Color(0xffCA353A),
      borderRadius: BorderRadius.all(Radius.circular(20)),//设置圆角
   )

在进入首页前要执行await，初始化数据

Future<void> main() async {
  // 01、注册 fluro routes
  Router router = Router();
  Routes.configureRoutes(router);
  Application.router = router;

  //02、注册本地消息通知(*非必要如不需要请删除)
  flutterLocalNotificationsPlugin = FlutterLocalNotificationsPlugin();

  //03、监听前后台
  MonitorAppState();
  WidgetsFlutterBinding.ensureInitialized(); //初始化数据要填写，我是用了SP，不写这句会报错
  await LoginUser.setUserInfo();
  //**、进入主控制器
  runApp(routes.buildPage("app", null));

  //04、获取设备信息
  getDeviceInfo();
}

6.手机升级iOS 14以后，Xcode可以运行到手机上，而Flutter 运行报错：
Your Xcode version may be too old for your iOS version.

image.png

报错的元凶是flutter/bin/cache/artifacts/ios-deploy/ios-deploy，不知道ios-deploy可自行百度，查看当前版本为1.10，下载最新版本,编译后替换Flutter内该文件即可～

7.Flutter Text中文中标点符号也居中了，找半天没找到解决方法，最后各种尝试给文字样式的local 赋值就行了

image.png

没改之前

image.png

改了之后

image.png

最后编辑于：2020.11.09 10:23:27