Flutter 颤振:如何将文本字段与列的底部中心对齐?

Flutter 颤振:如何将文本字段与列的底部中心对齐?,flutter,Flutter,我正在构建一个聊天应用程序 我在专栏里有两个项目。第一张是信息卡,在页面顶部 我也有一个文本字段,但我不知道如何把它放在底部中心 以下是出现问题的主要代码: @override Widget build(BuildContext context) { return Scaffold( resizeToAvoidBottomInset: true, resizeToAvoidBottomPadding: true, appBar: userMessa

我正在构建一个聊天应用程序

我在专栏里有两个项目。第一张是信息卡,在页面顶部

我也有一个文本字段,但我不知道如何把它放在底部中心

以下是出现问题的主要代码:

@override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: true,
      resizeToAvoidBottomPadding: true,
      appBar: userMessageChatAppBar(context),
      body: SingleChildScrollView(
        child: Column(
          children: [
            userMessageChatInformationCard(context),
            Positioned(
              bottom: 20,
            child: userMessageChatTextField())
          ],
        ),
      ),
    );
将进行聊天的文本字段:

Padding userMessageChatTextField() {
    return Padding(
      padding: const EdgeInsets.all(16.0),
      child: TextField(
          decoration: InputDecoration(
        suffixIcon: RaisedButton.icon(
          onPressed: () {},
          icon: Icon(
            Icons.send,
            color: Colors.white,
          ),
          color: Colors.blue,
          shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.all(Radius.circular(20))),
          label: Text(
            "19.99₺",
            style: TextStyle(color: Colors.white, fontSize: 18),
          ),
        ),
        hintText: "Bir şeyler yaz",
        border: new OutlineInputBorder(
            borderSide: new BorderSide(color: Colors.teal)),
      )),
    );}
用户第一次看到的信息卡:

Align userMessageChatInformationCard(BuildContext context) {
    return Align(
            alignment: Alignment.center,
            child: Padding(
                padding: const EdgeInsets.all(16.0),
                child: Container(
                  decoration: new BoxDecoration(
                    boxShadow: [
                      new BoxShadow(
                        color: Colors.grey,
                        blurRadius: 10.0,
                      ),
                    ],
                  ),
                  child: Card(
                    clipBehavior: Clip.antiAlias,
                    child: Column(
                      children: [
                        Padding(
                          padding: const EdgeInsets.all(16.0),
                          child: Text(
                            'fernando muslera mesajını bekliyor',textAlign: TextAlign.center,
                            style: TextStyle(fontSize: 20.0, color: Colors.blueGrey),
                          ),
                        ),
                        Padding(
                          padding: const EdgeInsets.only(left: 20,right: 20,bottom: 20),
                          child: Text(
                            '280 karakterlik mesaj için ödeme yaparsın ünlünün mesajı alabilmesi uzun sürebilir',
                            textAlign: TextAlign.center, style: TextStyle(
                                color: Colors.black.withOpacity(0.6)),
                          ),
                        ),                      
                      ],
                    ),
                  ),
                )));
  }

你可以使用灵活的。如下所示:children:[Flexible(usermessagechattinformationcard(context)),userMessageChatTextField(),],
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: true,
      resizeToAvoidBottomPadding: true,
      appBar: userMessageChatAppBar(context),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: [
          userMessageChatInformationCard(context),
          userMessageChatTextField()
        ],
      ),
   );
 }