facebook twitter hatena line email

Flutter/UI/Text

提供: 初心者エンジニアの簡易メモ
2019年11月20日 (水) 20:47時点におけるAdmin (トーク | 投稿記録)による版 (右側にアイコン追加)

移動: 案内検索

body内に複数行textを表示

body: Center(
       child: Column(
         mainAxisAlignment: MainAxisAlignment.center,
         children: <Widget>[
           Text(
             'hello',
           ),
           Text(
             '$_counter',
             style: Theme.of(context).textTheme.display1,
           ),
           RaisedButton(
             child: Text('Back to MyPage 1'),
             onPressed: () {
               Navigator.pop(context);
             },
           ),
         ],
       ),
),

色追加

Text(
  '警告!',
  style: TextStyle(
    color: Colors.red,
  ),
)

右側にアイコン追加

trailingの部分

ListTile(
        leading: ExcludeSemantics(child: CircleAvatar(child: Text(item))),
        title: Text('This item represents $item.'),
        subtitle: secondary,
        trailing: Icon(Icons.info, color: Theme.of(context).disabledColor),
      ),

テキストを丸で囲む

new Container(
    padding: const EdgeInsets.symmetric(horizontal: 5.0, vertical: 1.0),
        decoration: BoxDecoration(
        border: Border.all(color: Colors.blue),
        borderRadius: BorderRadius.circular(10),
    ),
    child: Text(listdatas[index].cnt.toString())
    ),