Flutter 增加文本字段的高度
我想增加第二个文本字段的高度(堆栈内部)。我把它包在容器里,并将高度设置为Flutter 增加文本字段的高度,flutter,dart,stack,containers,Flutter,Dart,Stack,Containers,我想增加第二个文本字段的高度(堆栈内部)。我把它包在容器里,并将高度设置为500,但没有任何区别 class _ABC extends State<ABC>{ @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Add Data'), actions: <Widget>
500
,但没有任何区别
class _ABC extends State<ABC>{
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Add Data'),
actions: <Widget>[
IconButton(
icon: Icon(Icons.done),
onPressed: () {},
)
],
),
body: SingleChildScrollView(
padding: const EdgeInsets.all(10.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
TextField(
style: TextStyle(fontSize: 12.0),
decoration: InputDecoration(
border: OutlineInputBorder(
borderRadius: const BorderRadius.all(
const Radius.circular(5.0))),
hintText: Localization.of(context).name,
labelText: Localization.of(context).name,
),
),
SizedBox(
height: 15.0,
),
Stack(
children: <Widget>[
Container(
width: double.infinity,
height: 500.0,
child: TextField(
style: TextStyle(fontSize: 12.0),
decoration: InputDecoration(
border: OutlineInputBorder(
borderRadius: const BorderRadius.all(
const Radius.circular(5.0))),
hintText: Localization.of(context).name,
labelText: Localization.of(context).name,
),
)),
Positioned(
left: 5.0,
child: Icon(Icons.camera),
)
],
)
])));
}
class\u ABC扩展状态{
@凌驾
小部件构建(构建上下文){
返回脚手架(
appBar:appBar(
标题:文本(“添加数据”),
行动:[
图标按钮(
图标:图标(Icons.done),
按下:(){},
)
],
),
正文:SingleChildScrollView(
填充:常数边集全部(10.0),
子:列(
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
文本字段(
样式:TextStyle(字体大小:12.0),
装饰:输入装饰(
边框:大纲输入边框(
borderRadius:const borderRadius.all(
常数半径圆形(5.0)),
hintText:Localization.of(context.name),
labelText:Localization.of(context).name,
),
),
大小盒子(
身高:15.0,
),
堆叠(
儿童:[
容器(
宽度:double.infinity,
高度:500.0,
孩子:TextField(
样式:TextStyle(字体大小:12.0),
装饰:输入装饰(
边框:大纲输入边框(
borderRadius:const borderRadius.all(
常数半径圆形(5.0)),
hintText:Localization.of(context.name),
labelText:Localization.of(context).name,
),
)),
定位(
左:5.0,
子:图标(图标.摄像机),
)
],
)
])));
}
尝试在TextFormField
中添加以下代码,您不必将高度设置为容器
TextFormField(
.......
keyboardType: TextInputType.multiline,
maxLines: 5,// change the value of maxlines according to your requirement
),
输出
尝试在
TextFormField
中添加以下代码,您不必将高度设置为容器
TextFormField(
.......
keyboardType: TextInputType.multiline,
maxLines: 5,// change the value of maxlines according to your requirement
),
输出
文本字段的高度可通过以下两种方式设置: 1) 展开,用展开或 2) 使用maxlines将其设置为固定的线高度 以下是您需要填充容器的内容:
Container(
width: double.infinity,
height: 500.0,
color: Colors.amber,
child: TextField(
expands: true,
maxLines: null,
style: TextStyle(fontSize: 12.0),
decoration: InputDecoration(
border: OutlineInputBorder(
borderRadius: const BorderRadius.all(
const Radius.circular(5.0))),
hintText: Localization.of(context).name,
labelText: Localization.of(context).name,
),
),
)
文本字段的高度可通过以下两种方式设置: 1) 展开,用展开或 2) 使用maxlines将其设置为固定的线高度 以下是您需要填充容器的内容:
Container(
width: double.infinity,
height: 500.0,
color: Colors.amber,
child: TextField(
expands: true,
maxLines: null,
style: TextStyle(fontSize: 12.0),
decoration: InputDecoration(
border: OutlineInputBorder(
borderRadius: const BorderRadius.all(
const Radius.circular(5.0))),
hintText: Localization.of(context).name,
labelText: Localization.of(context).name,
),
),
)