Flutter踩坑记录

• 如果页面整个空白，说明页内有错误，可以分别注释排查
• Textfield不能直接放在Row中，因为不确定Textfield的宽度，可以在外边包一个Expanded撑满内容。

❌
Row(
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  children: <Widget>[
    👉TextField()
  ]
)

✅
Row(
  mainAxisAlignment: MainAxisAlignment.spaceBetween,
  children: <Widget>[
    👉Expanded(
      child: TextField(),
    )👈
  ]
)

• 传参的时候构造方法里的参数要加this，否则传不过来。

❌
Login({Key key, 👉changeTabbar, 👉ss}):super(key:key);

✅
Login({Key key, 👉this.changeTabbar, 👉this.ss}):super(key:key);

• Navigator.push方法不能在根Widget为MaterialApp的组件中使用，会报错

❌
@override
  Widget build(BuildContext context) {
      return 👉MaterialApp👈(
        home: Home(
          ...
          FlatButton(
            onPressed: () {
              Navigator.push(...)
            },
            child: Text(
              "登陆",
            )
          ),
      );
  }

✅
@override
  Widget build(BuildContext context) {
      return 👉Scaffold👈(
        body: Home(
          ...
          FlatButton(
            onPressed: () {
              Navigator.push(...)
            },
            child: Text(
              "登陆",
            )
          ),
      );
  }

• FlatButton不写onPressed背景颜色color属性出不来效果

❌
FlatButton(👇
  child: Text("登陆"),
  ),
  color: Color(0xffecbe4b)
)

✅
FlatButton(
  👉onPressed: login,👈
  child: Text("登陆"),
  ),
  color: Color(0xffecbe4b)
)

• 使用AS写Flutter的时候经常很卡或卡死，尤其是用Color的时候。原因是Flutter是用markdown语法解析注释，但注释中有很多存放在github上的图片，加载的时候会引起卡死。找到文档，将注释中的![xxx]（http://xxx）改为[xxx]（http://xxx）即可，也就是将!去掉