Flutter Columnを使ってTextを箇条書きにするサンプル

2023年10月9日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

ListView( 
  children: [
    Text("・文字列1")
    Text("・文字列2")

Textを箇条書きにするには、Columnを使います。
Textの一覧をColumnの引数「children」のリストに指定します。
全てのTextの左側に「・」が表示されるようにします。

使用例

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