gpt4 book ai didi

flutter - 在列窗口小部件内容中使用SingleChildScrollview不滚动

转载 作者:行者123 更新时间:2023-12-03 03:15:45 24 4
gpt4 key购买 nike

Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomInset: false,
backgroundColor: Colors.white,
body: Container(
child: Column(
children: <Widget>[
Stack(
fit: StackFit.loose,
children: <Widget>[
HeadersVC(),
Container(
margin: EdgeInsets.only(top: 40.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
FlatButton(
splashColor: Colors.transparent,
highlightColor: Colors.transparent,
onPressed: () {
Navigator.pop(context);
},
child: Icon(
Icons.arrow_back,
size: 30,
color: Colors.white,
),
),
Text(
widget.headertitleladderPre,
style: TextStyle(
fontSize: 22.0,
color: Colors.white,
fontWeight: FontWeight.bold),
),
],
),
)
],
),
SingleChildScrollView(
padding: EdgeInsets.only(top: 20.0, left: 30.0, right: 30.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
Padding(
padding: EdgeInsets.only(top: 10.0),
),
//******************************************** Date Picker */
TextFormField(
onTap: () async {
FocusScope.of(context).requestFocus(new FocusNode());
_selectDate(context);
},
decoration: InputDecoration(
enabledBorder: UnderlineInputBorder(
borderSide:
BorderSide(color: Colors.black26, width: 1.5)),
contentPadding: EdgeInsets.only(left: 0.0, right: 0.0),
labelText: formatDate(formatedDate),
labelStyle: TextStyle(
fontFamily: "Montserrat", color: Colors.black),
suffixIcon: new Padding(
padding: const EdgeInsets.only(
top: 0.0, left: 0.0, right: 0.0, bottom: 0.0),
child: SizedBox(
height: 15,
child: Icon(
Icons.calendar_today,
color: Colors.red,
),
),
)),
),
Padding(
padding: EdgeInsets.only(left: 0.0, top: 10.0),
),
//******************************************** DropDown Button */
Container(
child: DropdownButton(
underline: Container(
height: 1.0,
decoration: const BoxDecoration(
border: Border(
bottom: BorderSide(
color: Colors.black26, width: 1.5))),
),
value: _selectedladleno,
items: _dropDownladleItems,
onChanged: changedDropDownItem,
isExpanded: true,
isDense: false,
icon: Icon(
Icons.arrow_drop_down,
color: Colors.red,
),
iconSize: 30,
elevation: 12,
style: TextStyle(
fontSize: 15,
),
),
),
//******************************************** Radio Button */
ButtonBar(
alignment: MainAxisAlignment.start,
buttonPadding: EdgeInsets.only(left: 0.0),
children: <Widget>[
Radio(
groupValue: _character,
onChanged: (SingingCharacter value) {
setState(() {
_character = value;
print(_character);
});
},
value: SingingCharacter.New,
activeColor: Colors.red,
),
Text(
"New",
style: TextStyle(fontSize: 13.0),
),
Radio(
groupValue: _character,
onChanged: (SingingCharacter value) {
setState(() {
_character = value;
print(_character);
});
},
value: SingingCharacter.Repair,
activeColor: Colors.red,
),
Text(
"Repair",
style: TextStyle(fontSize: 13.0),
),
Radio(
groupValue: _character,
onChanged: (SingingCharacter value) {
setState(() {
_character = value;
print(_character.toString());
});
},
value: SingingCharacter.OnlyMachineChange,
activeColor: Colors.red,
),
Text(
"Machine Change",
style: TextStyle(fontSize: 13.0),
),
],
),
//******************************************** Machine Number */
TextFormField(
decoration: InputDecoration(
labelText: "Machine Number *",
labelStyle: TextStyle(
fontFamily: "Montserrat", color: Colors.black)),
),
TextFormField(
decoration: InputDecoration(
labelText: "Well Block Party *",
labelStyle: TextStyle(
fontFamily: "Montserrat", color: Colors.black)),
),
TextFormField(
decoration: InputDecoration(
labelText: "Well Block Party *",
labelStyle: TextStyle(
fontFamily: "Montserrat", color: Colors.black)),
),
TextFormField(
decoration: InputDecoration(
labelText: "Well Block Party *",
labelStyle: TextStyle(
fontFamily: "Montserrat", color: Colors.black)),
),
TextFormField(
decoration: InputDecoration(
labelText: "Well Block Party *",
labelStyle: TextStyle(
fontFamily: "Montserrat", color: Colors.black)),
),
TextFormField(
decoration: InputDecoration(
labelText: "Well Block Party *",
labelStyle: TextStyle(
fontFamily: "Montserrat", color: Colors.black)),
),
TextFormField(
decoration: InputDecoration(
labelText: "Well Block Party *",
labelStyle: TextStyle(
fontFamily: "Montserrat", color: Colors.black)),
),
TextFormField(
decoration: InputDecoration(
labelText: "Well Block Party *",
labelStyle: TextStyle(
fontFamily: "Montserrat", color: Colors.black)),
),
TextFormField(
decoration: InputDecoration(
labelText: "Well Block Party *",
labelStyle: TextStyle(
fontFamily: "Montserrat", color: Colors.black)),
),
TextFormField(
decoration: InputDecoration(
labelText: "Well Block Party *",
labelStyle: TextStyle(
fontFamily: "Montserrat", color: Colors.black)),
)
],
),
)
],
),
),
);
}

我遇到了类似这样的错误:

正在执行热重装...⣟ flutter :BY渲染库引起的异常CA ═════════════════════════
flutter :布局期间引发了以下断言:
抖动:RenderFlex在底部溢出158像素。
flutter :
flutter :相关的引起错误的小部件是:
flutter:列文件://://Users/baps/Projects/Flutter%20Projects/TRLApp/trlapp/lib/ladlePreheating.dart:64:16
flutter :
flutter :溢出的RenderFlex的方向为Axis.vertical。
抖动:溢出的RenderFlex边缘在渲染中用黄色和
flutter :黑色条纹。这通常是因为内容对于RenderFlex而言太大。
flutter :考虑应用 flex 系数(例如,使用扩展小部件)来强制
flutter :RenderFlex可以容纳在可用空间内,而不是按照其自然大小进行调整。
flutter :这被认为是错误情况,因为它表明存在不能被删除的内容
flutter :见过。如果内容合法大于可用空间,请考虑使用
flutter:将ClipRect小部件放入Flex之前,或使用可滚动容器而不是Flex,
flutter :像一个ListView。
flutter :有问题的特定RenderFlex是:RenderFlex#4bdfd relayoutBoundary = up1溢出:
flutter :需要合成
flutter:创建者:列←容器←_BodyBuilder←MediaQuery←LayoutId-[<_ ScaffoldSlot.body>]←
flutter :CustomMultiChildLayout←AnimatedBuilder←DefaultTextStyle←AnimatedDefaultTextStyle←
flutter :_InkFeatures- [GlobalKey#9c17c墨水渲染器]←NotificationListener←
flutter :PhysicalModel←⋯
flutter:parentData:offset = Offset(0.0,0.0); id = _ScaffoldSlot.body(可以使用大小)
flutter :约束:BoxConstraints(0.0 <= w <= 414.0,0.0 <= h <= 736.0)
flutter :大小:大小(414.0,736.0)
flutter :方向:垂直
flutter :mainAxisAlignment:开始
flutter :mainAxisSize:最大
flutter :crossAxisAlignment:中心
flutter :垂直方向:向下
flutter ◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤ ◢◤
flutter ══════════════════════════════════════════════════ ══

最佳答案

缺少将ScrollView as Column扩展为容器不知道需要占用多少空间,因此,它计算的大小大于屏幕大小。

因此,只需在其中扩展:

...
Expanded(
child: SingleChildScrollView(
padding:...

output

关于flutter - 在列窗口小部件内容中使用SingleChildScrollview不滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59639998/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com