输入 IME 时向 TextField 添加字符 -Flutter

Question

我想在 Flutter 和 Android 上同时使用 IME 和按钮输入文本。 我想在 Flutter 和 Android 中同时使用 IME 和按钮输入文本。 但以下行为是不正确的。

1. 从 IME 键入字符时按下按钮
2. 从 IME 输入其他字符
3. 按钮输入的文本消失。

这是我的代码：

void main() {
  runApp(MaterialApp(home: HomePage()));
}

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  TextEditingController _messageInputController;

  @override
  void initState() {
    _messageInputController = TextEditingController();
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Demo"),
      ),
      body: SafeArea(
        child: Column(
          children: <Widget>[
            RaisedButton(
                child: Text("add text"),
                onPressed: () {
                  String oldText = _messageInputController.text;
                  String newText = oldText + "insertText";

                  var newValue = _messageInputController.value.copyWith(
                    text: newText,
                    selection: TextSelection.collapsed(
                      offset: newText.length,
                    ),
                    composing: TextRange.empty,
                  );

                  _messageInputController.value = newValue;
                }),
            TextField(
              controller: _messageInputController,
            ),
          ],
        ),
      ),
    );
  }
}