我正在尝试创建一个页面,用户可以通过该页面为我的Notes应用程序创建笔记。到目前为止,这是我的构建方法:
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text("Add Note"),
actions: <Widget>[
FlatButton(
child: Icon(
Icons.save,
color: Colors.white,
),
)
],
),
body: Center(
child: Padding(
padding: EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
TextField (
decoration: InputDecoration(
border: OutlineInputBorder(),
labelText: "Title",
),
textCapitalization: TextCapitalization.words,
),
SizedBox(
height: 16,
),
Expanded(
child: Container(
child: TextField (
expands: true,
maxLines: 25,
decoration: InputDecoration(
border: OutlineInputBorder(),
),
),
),
)
],
),
),
)
);
}
这是当前页面的外观。如何确保第二个TextField的光标位于左上方,并使所述TextField拉伸以适合剩余高度?
答案 0 :(得分:2)
您应该将TextField的textAlign属性设置为开始
textAlign: start