Flutter：如何在 TextField 中添加项目符号点？

Question

如何在类似于 IOS 中的 Notes 应用程序的 TextField 小部件中添加项目符号？

Answer 1

当用户选择复选框（或类似按钮）并添加到文本字段的左侧时，您需要手动创建它。您可以在 Row 上定义变量并初始化为 Container。类似的东西：

Widget widget = Container();

[...]

Row(
  children: [
    widget,
    Expanded(child: TextField(...))
  ],
);

[...]

//this activate bullet point
void functionCheckBox(){
  setState({
    widget = Checkbox(value: value, onChanged: onChanged);
  });
}

我不知道这是否是最好的解决方案，或者是否存在执行类似操作的插件。

Answer 2

您可以使用 Unicode 代码来实现这一点。使用 TextEditingController 将以下 Unicode ( \u25EF ) 添加到您的 TextField。在向 TextEditingController 添加文本时，您可能还需要更改光标的位置。这取决于您的要求，您在测试时就会明白。

TextEditingController _textController = new TextEditingController();



_textController.text = " \u25EF ";

是的。当然你需要一个自定义按钮或其他东西来触发这个事件，就像IOS的注释一样。 您可以创建一个带有额外按钮的自定义键盘来添加项目符号，或者创建一个带有 Note 应用程序等按钮的浮动面板。或者干脆在屏幕上显示一个按钮。