使用 TextField 获取键盘输入

Question

我正在尝试构建一个自定义的富文本编辑器。我决定通过使用文本小部件来显示文本并自己收集键盘输入来解决此问题（而不是使用

TextField

）。

在桌面平台上，我可以使用

KeyboardListener

可靠地获取键盘输入。但是，在移动平台上，除非我使用

TextField

，否则软件键盘不会显示。我不想使用

TextField

。如何可靠地打开软件键盘并在发生其他操作（例如选择内容）时保持其打开状态？

我知道

SystemChannels.textInput.invokeMethod("TextInput.show");

，但当你没有任何

TextField

时，这似乎不起作用。

谢谢！

Answer 1

看起来您正在深入探索激动人心的 Flutter 世界并构建一个自定义的富文本编辑器。感谢您超越基础知识！因此，您希望在不依赖 TextField 的情况下处理键盘输入，但您也面临着移动平台上的软件键盘的一些挑战。我完全明白你来自哪里。

虽然

SystemChannels.textInput.invokeMethod("TextInput.show");

方法非常简洁，但当周围没有 TextFields 时，它似乎有点害羞。不过，别担心——有一个很好的解决方法，你可以尝试一下：

想象一下 – 您引入了一个隐藏的 TextField，它挂在屏幕外。偷偷摸摸的，对吧？由于它对用户不可见，因此不会扰乱自定义编辑器的氛围。您甚至可以利用其 onTap 事件来处理您的独特操作。可以把它想象成邀请一位低调的朋友参加聚会，他只是在那里增添一些酷炫的氛围。

import 'package:flutter/material.dart';

class CustomRichTextEditor extends StatelessWidget {
  final TextEditingController _textController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: [
        // Your custom text display widget here
        
        // Hidden TextField
        TextField(
          controller: _textController,
          enableInteractiveSelection: false,
          readOnly: true,
          showCursor: false,
          autofocus: true,
          onTap: () {
            // This is your undercover hub for handling custom actions
          },
        ),
      ],
    );
  }
}

请记住，虽然这个技巧可能不是适用于所有设备和场景的终极魔药，但 Flutter 景观以光速发展。社区总是在酝酿新的想法，因此值得随时了解最新的 Flutter 趋势。您永远不知道什么时候您会偶然发现一种更顺利的方法来应对这一挑战。

保持冷静并继续尝试🚀