facebook twitter hatena line email

「Flutter/UI/ListTile」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(小技)
行10: 行10:
 
     )
 
     )
 
   ),
 
   ),
   trailing: Icon(Icons.more_vert),
+
   trailing: Icon(Icons.keyboard_arrow_right),
 
   onTap: () {
 
   onTap: () {
 
     // tap時の挙動
 
     // tap時の挙動

2019年11月27日 (水) 01:55時点における版

ListTileとは

ListViewの1行を表す。

サンプル

ListTile(
  title: Text("リスト1",
    style: TextStyle(
      locale: Locale("ja", "JP"),
    )
  ),
  trailing: Icon(Icons.keyboard_arrow_right),
  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,
                          ),
                        ),
                      ),
                    ),
                  ],
                ),
              ),