我正在創建簡單的串列視圖構建器,其中它的內容是一個包含文本的容器,在這里我想根據文本的長度設定容器的寬度,
但我得到的是最大寬度而不是文本寬度。
并且 y 是否占用最大寬度...
(簡單的例子,whatsapp chattext)
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(body: SafeArea(
child: Column(children: [
Expanded(
child: ListView.builder(
itemCount: expenselist.length,
itemBuilder: (context,index){
return Padding(
padding: EdgeInsets.only(bottom: 5),
child: Container(
padding: EdgeInsets.all(20),
color: Colors.blue,
child: Text(expenselist[index]['Amount'].toString()),
),
);
}),
),
Container(
color: Colors.blue[100],
child: TextField(
decoration: InputDecoration(
hintText: 'Enter Amount'
),
),
),
],),
),),
);
}
uj5u.com熱心網友回復:
你必須用Align
小部件包裝你的容器,然后用另一個容器再次包裝它。你的代碼應該是這樣的:
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: SafeArea(
child: Column(
children: [
Expanded(
child: ListView.builder(
itemCount: 10,
itemBuilder: (context, index) {
return Container(
child: Align(
child: Padding(
padding: const EdgeInsets.only(bottom: 5),
child: Container(
padding: const EdgeInsets.all(20),
color: Colors.blue,
child: const Text('Test content'),
),
),
),
);
}),
),
Container(
color: Colors.blue[100],
child: const TextField(
decoration: InputDecoration(hintText: 'Enter Amount'),
),
),
],
),
),
),
);
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/533163.html
標籤:扑