使用Flutter写一个聊天App的发送消息界面

在 Flutter 中，你可以使用一个 `TextField` 来输入消息文本，并使用一个按钮来触发消息的发送。你可以把这些组件布局在一个 `Column` 里面，然后将其放在底部，这样就可以让聊天输入框和按钮固定在屏幕的底部。你还可以使用一个 `ListView` 来滚动聊天消息列表。

示例代码如下：

Column(
  children: [
    Expanded(
      child: ListView.builder(
        itemBuilder: (context, index) {
          return ChatMessageListItem(message: messages[index]);
        },
        itemCount: messages.length,
      ),
    ),
    Container(
      padding: EdgeInsets.all(8.0),
      child: TextField(
        controller: messageTextController,
        onSubmitted: (text) {
          sendMessage(text);
        },
        decoration: InputDecoration(
          border: OutlineInputBorder(),
          hintText: 'Enter message',
        ),
      ),
    ),
    Container(
      margin: EdgeInsets.symmetric(horizontal: 8.0),
      child: RaisedButton(
        onPressed: () {
          sendMessage(messageTextController.text);
        },
        child: Text('Send'),
      ),
    ),
  ],
)

这里的 `sendMessage` 函数是用来发送消息的，你可以在这个函数里面实现发送消息的逻辑。