初學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), //這個屬性是設置內(nèi)容padding禾嫉，去除空白也要設置這個
                    border: OutlineInputBorder(borderSide: BorderSide.none),//這兩個屬性會去掉底部空白和下劃線家乘，貌似加上下劃線底部就會有一大段空白區(qū)域
                  ),
)

Flutter button設置disable禁用狀態(tài)
查找了半天的文檔，只看到了disableColor屬性，并沒有看到有設置disable的屬性寻咒，百度了半天，終于找到了設置disable的方法
只需要將FlatButton以及其他button的onPressed設置為null颈嚼，就是將Button設置為了disable禁用狀態(tài)

CupertinoButton(
      disabledColor: Color(0XFFCCCCCC),
      child: Text(
        "Test",
        style: TextStyle(color: Colors.white, fontSize: 16),
      ),
      onPressed: _counterNum >= 60 ? getVerificationCode : null,//計數(shù)大于等于60毛秘，button可以點擊狀態(tài)。計數(shù)小于60阻课，onPressed為null button處于disable狀態(tài)
      padding: EdgeInsets.all(0), //該屬性會減去兩邊空白
      color: Color(0xffCA353A),
      borderRadius: BorderRadius.all(Radius.circular(20)),//設置圓角
   )

在進入首頁前要執(zhí)行await叫挟，初始化數(shù)據(jù)

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

  //02限煞、注冊本地消息通知(*非必要如不需要請刪除)
  flutterLocalNotificationsPlugin = FlutterLocalNotificationsPlugin();

  //03抹恳、監(jiān)聽前后臺
  MonitorAppState();
  WidgetsFlutterBinding.ensureInitialized(); //初始化數(shù)據(jù)要填寫，我是用了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內(nèi)該文件即可～

7.Flutter Text中文中標點符號也居中了，找半天沒找到解決方法征候，最后各種嘗試給文字樣式的local 賦值就行了

image.png

沒改之前

image.png

改了之后

image.png

最后編輯于：2020.11.09 10:23:27

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者