我想在 singleChildScrollView 上方添加一行帶有 textformfield 的行，但不斷出現渲染錯誤。請指教
Widget build(BuildContext context) {
return Scaffold(
body:
SingleChildScrollView(child:Column(
children: [
ListView.builder(
itemCount: lstNumber.length,
shrinkWrap: true,
padding: EdgeInsets.only(top: 10,bottom: 10),
itemBuilder: (context, index){
return
ListTile(
title: Text(lstNumber[index].toString(), style: TextStyle(color:Colors.red,fontSize: 15),),
);
}),
],
))
//],)
);
}
uj5u.com熱心網友回復：
輸入一個列，該列將包含行內的 TextFormfield 和用 Expanded 包裝的 SingleChildScrollView：
List<int>? lstNumber = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15,16 ,17, 18 , 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30];
@override
Widget build(BuildContext context) {
return Scaffold(
body: Column(
children: [
Row(
children: [
Container(
width: 300,
child:const TextFormField(
decoration: const InputDecoration(
labelText:"Input",
enabledBorder: UnderlineInputBorder(borderSide:BorderSide(color:Colors.red),
borderRadius: BorderRadius.all(Radius.elliptical(5,10))
),
)))]),
Expanded(
child: SingleChildScrollView(
child: Column(
children: [
ListView.builder(
itemCount: lstNumber!.length,
shrinkWrap: true,
padding: EdgeInsets.only(top: 10, bottom: 10),
itemBuilder: (context, index) {
return ListTile(
title: Text(
lstNumber![index].toString(),
style: TextStyle(color: Colors.red, fontSize: 15),
),
);
}),
],
)),
),
],
)
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/450767.html
上一篇：無法在FutureBuilder中滾動ListView
下一篇：如何強制隱藏串列視圖中的第一項