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

Question

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

Answer 1

您需要在用户 select 时手动创建一个复选框（或类似按钮）并将其添加到文本字段的左侧。您可以在 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 应用程序。或者干脆在屏幕上给一个按钮。

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

Flutter: How to add bullets points in a TextField?

dart

flutter

flutter-dependencies

flutter-layout

flutter-animation