Flutter開發問題記錄-持續更新中

1、flutterGestureDetector 點擊沒反應

GestureDetector需要添加behavior: HitTestBehavior.opaque

GestureDetector(
  behavior: HitTestBehavior.opaque,
  child: GestureDetector(
            behavior: HitTestBehavior.opaque,
            onTap: (){
              print("hehe");
            },

2、FlutterListView使用頂部出現空白間隔 44

沒配合AppBar使用頂部出現空白,ListView頭部有一段空白區域,是因爲當ListView沒有和AppBar一起使用時,頭部會有一個padding,爲了去掉padding,可以使用MediaQuery.removePadding

Widget _listView(BuildContext context){
    return MediaQuery.removePadding(
      removeTop: true,
      context: context,
      child: ListView.builder(
        itemCount: 10,
        itemBuilder: (context,index){
          return _item(context,index);
        },

      ),
    );
  }

3、Column如何讓兩個控件都是左對齊

同時使用  mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.stretch

child: Column(
  mainAxisAlignment: MainAxisAlignment.start,
  crossAxisAlignment: CrossAxisAlignment.stretch,
  children: <Widget>[
    Align(
      alignment: Alignment.centerLeft,
      child: GestureDetector(
          onTap: () {
            Navigator.pop(context);
          },
          child: Container(
              height: 45,
              child: Image.asset('assets/${StyleConfig.instance.assetsImageMiddlePath}theme_normal_back.png')
            ),
        ),
    ),
    Align(
      alignment: Alignment.centerLeft,
      child: Text(
        this.title,
        style: TextStyle(
          color: Colors.black87,
          fontWeight: FontWeight.bold,
          fontSize: 25,
        ),
      ),
    ),
  ],
),

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章