使用 HTML,我可以向段落添加项目符号,如下所示:
<ul>
<li> example </li>
<li> example </li>
<li> example </li>
<ul>
如何在 Flutter 中编写要点形式?
new Text(''),
如果您不想下载另一个库(例如 flutter_markdown),并且您的一个或多个列表项具有跨多行的冗长文本,我会选择 Raegtime 的答案。但是,由于它假设一个带有换行符的字符串,因此我想为带有字符串的列表制作一个版本,这是更常见的情况。在下面的代码中,Column
使列表项出现在不同的行上,并且Row
使项目符号点下方有空白区域。
import 'package:flutter/material.dart';
class UnorderedList extends StatelessWidget {
UnorderedList(this.texts);
final List<String> texts;
@override
Widget build(BuildContext context) {
var widgetList = <Widget>[];
for (var text in texts) {
// Add list item
widgetList.add(UnorderedListItem(text));
// Add space between items
widgetList.add(SizedBox(height: 5.0));
}
return Column(children: widgetList);
}
}
class UnorderedListItem extends StatelessWidget {
UnorderedListItem(this.text);
final String text;
@override
Widget build(BuildContext context) {
return Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text("• "),
Expanded(
child: Text(text),
),
],
);
}
}
我们可以这样使用它:
UnorderedList([
"What conclusions can we draw from the implementation?",
"Are there any changes that need to be introduced permanently?"
])
And get the result:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)