【发布时间】:2020-12-07 09:45:37
【问题描述】:
我正在尝试使用颤振中的文本字段来获取用户输入,但我想将其作为项目符号列表。我想我可能必须使用一个名为 flutter_markdown 的包,但我仍然不知道该怎么做。 就像最后一行应该自动以项目符号开头。
【问题讨论】:
标签: flutter dart flutter-layout textfield
我正在尝试使用颤振中的文本字段来获取用户输入,但我想将其作为项目符号列表。我想我可能必须使用一个名为 flutter_markdown 的包,但我仍然不知道该怎么做。 就像最后一行应该自动以项目符号开头。
【问题讨论】:
标签: flutter dart flutter-layout textfield
如果你想拥有一个具有项目符号功能的文本字段,这个包可能适合你:
https://pub.dev/packages/zefyr
如果你自己写的话会很复杂。
查看它的示例代码以了解如何使用:
https://github.com/memspace/zefyr/tree/master/packages/zefyr/example/lib
【讨论】:
你可以这样做的一种方法是这样的。
class MyWidget extends StatefulWidget {
@override
_MyWidgetState createState() => _MyWidgetState();
}
class _MyWidgetState extends State<MyWidget> {
TextEditingController tc = TextEditingController();
int currentTextLength = 0;
@override
Widget build(BuildContext context) {
return TextField(
maxLines: 4,
controller: tc,
onChanged: (String newText){
if(newText[0] != '•'){
newText = '• ' + newText;
tc.text = newText;
tc.selection = TextSelection.fromPosition(TextPosition(offset: tc.text.length));
}
if(newText[newText.length - 1] == '\n' && newText.length > currentTextLength){
tc.text = newText + '• ';
tc.selection = TextSelection.fromPosition(TextPosition(offset: tc.text.length));
}
currentTextLength = tc.text.length;
}
);
}
}
注意:这不是一个完美的解决方案。因为如果您开始在现有文本的中间编辑文本,它不会放置项目符号。但也许这可以给你一个方向的开始。
【讨论】:
如果你想要一个文本字段的要点列表,flutter_markdown 可能不适合你。因为它显示的是降价文本。
TextFormField(
decoration: InputDecoration(
border: InputBorder.none, prefix: Text("."), // Or a Dot image
),
),
【讨论】: