[Flutter]Text(テキスト)を箇条書き(bullet list)にするには？

どうも、ちょげ(@chogetarou)です。

Textを箇条書きにする方法を紹介します。

方法
使用例
1. 関連

方法

Textを箇条書きにするには、ListViewもしくはColumnを使います。

まず、Textの一覧をListViewもしくはColumnの引数「children」のリストに指定します。

そして、全てのTextの左側に「・」が表示されるようにします。

Column( //ListViewでも同じ
  children: [
    Text("・テキスト")
    Text("・テキスト")
    Text("・テキスト")
　　　　・・・・
  ],
),

ListViewもしくはColumnを使えば、Textを箇条書きにすることが出来ます。

使用例

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ListView(
          children: [
            for (var i = 0; i < 10; i++)
              ListTile(
                leading: Icon(Icons.fiber_manual_record),
                title: Text('Item $i'),
              ),
          ],
        ),
      ),
    );
  }