Flutter Columnを使ってTextを箇条書きにするサンプル
環境
Windows11 pro 64bit
Flutter 3.3.7
構文
ListView(
children: [
Text("・文字列1")
Text("・文字列2")
ListView(
children: [
Text("・文字列1")
Text("・文字列2")
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'),
),
],
),
),
);
}
@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'),
),
],
),
),
);
}
@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'),
),
],
),
),
);
}