Flutter开发相关技巧--持续更新

1.设置Container宽度（占一半以及占满）

一半的设置：

Container(
    color: Colors.white, // 背景色为白色Z
    width: MediaQuery.of(context).size.width / 2, //宽度占一半
)

还可以减去padding或者margin的宽度

width: MediaQuery.of(context).size.width / 3 - 2, // 减去线条的宽度

占满的设置：

Container(
    width: double.infinity, // 这将确保Container占满可用宽度
),

 

2.ListView加滚动条时，内容不一定非要是列表项

下图中红框为列表项，正常是红框区域可滑动，用List<Widget>包含绿框部分可一起滑动

 

 

3.设置Column的内容靠左

可以使用crossAxisAlignment: CrossAxisAlignment.start属性

 const Column(
     crossAxisAlignment:CrossAxisAlignment.start,//将子元素靠左对齐
     children: [
     Text("任务处置分析",
         textAlign: TextAlign.left,
         style: TextStyle(
             fontSize: 16, fontWeight: FontWeight.bold)),
     Text(
       "真警·误报原因处理解决",
       style: TextStyle(fontSize: 12),
     )
   ],
 )