将光标放在垂直拉伸的TextField的左上方?

时间:2020-05-31 14:10:45

标签: flutter

我正在尝试创建一个页面,用户可以通过该页面为我的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拉伸以适合剩余高度?

This is the output I'm getting.

1 个答案:

答案 0 :(得分:2)

您应该将TextField的textAlign属性设置为开始

textAlign: start