我需要減少ListView.separated專案的寬度。 我需要減少ListView.separed items的寬度，把它們放在螢屏中央，但是它們的寬度和螢屏尺寸一樣，我怎么才能改變它？
這是我得到的結果
這是我需要的。
這是我的代碼
Scaffold(
body:
ListView.separated(
itemCount: 2,
itemBuilder。(BuildContext context,int index){
return Container(
裝飾。BoxDecoration(
邊界。border.all(
color: Color.fromARGB(100, 141, 166, 255) 。
寬度: 2)
),
borderRadius: borderRadius.round(10)
),
width: 50,
高度。80。
孩子。列(
mainAxisAlignment: MainAxisAlignment.center,
兒童。[
Text('Test txt', style: TextStyle(fontSize: 40),)
],
),
);
},
SeparatorBuilder。(BuildContext context, int index){
return Container(
高度。14,
);
}
),
);
uj5u.com熱心網友回復：
在Container或者Padding Widget里面添加你的ListView widget，然后設定padding或者直接給Listview設定padding，比如 padding: EdgeInsets.all(16.0) 試試下面的代碼，希望對你有所幫助
Container(
padding: EdgeInsets.all(16.0)。
孩子。ListView.separated(
itemCount: 2,
itemBuilder。(BuildContext context, int index) {
return Container(
裝飾。BoxDecoration(
邊界。border.all(
color: Color.fromARGB(100, 141, 166, 255), width: 2）。)
borderRadius: borderRadius.round(10))。
寬度：50。
高度。80。
孩子。列(
mainAxisAlignment: MainAxisAlignment.center,
兒童。[
文本(
'Test txt'。
風格。TextStyle(fontSize: 40)。
)
],
),
);
},
SeparatorBuilder。(BuildContext context, int index) {
return Container(
高度。14,
);
}),
),
你的結果螢屏-> 
uj5u.com熱心網友回復：
ListView.separate(
padding: const EdgeInsets.all(16.0)
....
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/329166.html
標籤：