如何在带有列和列表的singlechildscrollview上方添加带有textformfield的行.builder

Question

我想添加一行，在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),),
);
}),

],
))
//],)
);
}

Answer 1

输入一个列，该列将包含Row中的TextForm字段和用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),
),
);
}),
],
)),
),
],
)
);
}