Flutter 将 SingleChildScrollView 或 ListView 添加到屏幕中小部件的一部分

Question

我尝试添加简单的滚动视图小部件，例如SingleChildScrollView，ListView在下面的实现代码中为我的小部件添加 par，虽然几个小时我厌倦了为Column小部件的父级添加这个小部件，但我得到错误，我不能那样做，

我想知道为什么这个实现应该让我们有时间添加简单的滚动视图

class FragmentNewTicket extends StatefulWidget {
@override
FragmentNewTicketState createState() => FragmentNewTicketState();
}
class FragmentNewTicketState extends State<FragmentNewTicket> {
@override
Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomInset: false,
resizeToAvoidBottomPadding: false,
backgroundColor: Colors.transparent,
body: Container(
padding: EdgeInsets.all(20.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Expanded(
child: Container(
margin: EdgeInsets.only(top: 10.0),
child: Card(
child: Container(
padding: EdgeInsets.all(10.0),
child: SingleChildScrollView(
child: Column(
children: <Widget>[
Padding(
padding: const EdgeInsets.symmetric(vertical: 12.0),
child: Text(
'111111111',
),
),
TextFormField(
textDirection: TextDirection.rtl,
textInputAction: TextInputAction.next,
keyboardType: TextInputType.text,
maxLines: 1,
style: TextStyle(
color: Colors.black,
fontSize: 14.0,
),
decoration: InputDecoration(
contentPadding: EdgeInsets.all(10.0),
hintStyle: TextStyle(fontFamily: 'ShabnamLight', fontSize: 12.0),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(5.0)),
)),
),
SizedBox(
height: 15.0,
),
Padding(
padding: const EdgeInsets.only(bottom: 12.0),
child: Text(
'1111111',
),
),
TextFormField(
textDirection: TextDirection.rtl,
textInputAction: TextInputAction.send,
keyboardType: TextInputType.multiline,
validator: (value) {
int len = value.length;
if (len == 0) {
return Strings.fieldIsEmpty;
} else {
return null;
}
},
maxLines: 6,
style: TextStyle(
color: Colors.black,
fontSize: 14.0,
),
decoration: InputDecoration(
contentPadding: EdgeInsets.all(10.0),
hintStyle: TextStyle(fontFamily: 'ShabnamLight', fontSize: 12.0),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(Radius.circular(5.0)),
)),
),
Spacer(),
Center(
child: RaisedButton(
color: Colors.white,
child: Text(
'11111',
),
shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(50.0))),
),
],
),
),
),
),
),
),
],
),
),
);
}
}

Answer 1

从代码中删除Spacer小部件，因为Column的父级是SingleChildScrollView。

您不能组合这两个小部件，因为SingleChildScrollView没有固定绑定，并且Spacer想要占用剩余的空间，因此它们相互矛盾。

Answer 2

它有效

在此处输入图像描述

return Scaffold(
body: Container(
padding: EdgeInsets.all(20.0),
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Expanded(
child: Container(
margin: EdgeInsets.only(top: 10.0),
child: Card(
child: Container(
padding: EdgeInsets.all(10.0),
child: SingleChildScrollView(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Container(
constraints: BoxConstraints.expand(
height: MediaQuery.of(context).size.height),
child: Text('asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda asfdasasda asjdalksjda '))
]))),
),
),
),
],
),
),
);