「Flutter/UI/ListTile」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「==ListTileとは== ListViewの１行を表す。 ==小技== heightで高さ幅を小さくできる。 <pre> new Container( height: 56.0,...」) |
(→小技) |
||
| 行2: | 行2: | ||
ListViewの１行を表す。 | ListViewの１行を表す。 | ||
| + | ==サンプル== | ||
| + | <pre> | ||
| + | ListTile( | ||
| + | title: Text("リスト1", | ||
| + | style: TextStyle( | ||
| + | locale: Locale("ja", "JP"), | ||
| + | ) | ||
| + | ), | ||
| + | trailing: Icon(Icons.more_vert), | ||
| + | onTap: () { | ||
| + | // tap時の挙動 | ||
| + | }, | ||
| + | ); | ||
| + | </pre> | ||
==小技== | ==小技== | ||
heightで高さ幅を小さくできる。 | heightで高さ幅を小さくできる。 | ||
2019年11月27日 (水) 01:47時点における版
ListTileとは
ListViewの１行を表す。
サンプル
ListTile(
title: Text("リスト1",
style: TextStyle(
locale: Locale("ja", "JP"),
)
),
trailing: Icon(Icons.more_vert),
onTap: () {
// tap時の挙動
},
);
小技
heightで高さ幅を小さくできる。
new Container(
height: 56.0,
color: Colors.white,
child: Row(
children: <Widget>[
Expanded(
child: new ListTile(
leading: new CircleAvatar(
backgroundColor: StaticFunction.toColorByStr(
listdatas[index].color),
child: new Text(listdatas[index].thumbtitle,),
foregroundColor: Colors.white,
),
title: new Text(listdatas[index].title,
style: TextStyle(
locale: Locale("ja", "JP")
),
),
subtitle: new Text(
listdatas[index].subtitle,
style: TextStyle(
locale: Locale("ja", "JP"),
fontSize: 10,
),
),
),
),
],
),
),
