facebook twitter hatena line email

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

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(右側にアイコン追加)
(右側にアイコン追加)
行41: 行41:
 
         trailing: Icon(Icons.info, color: Theme.of(context).disabledColor),
 
         trailing: Icon(Icons.info, color: Theme.of(context).disabledColor),
 
       ),
 
       ),
 +
</pre>
 +
 +
==テキストを丸で囲む==
 +
<pre>
 +
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())
 +
    ),
 
</pre>
 
</pre>

2019年11月20日 (水) 20:47時点における版

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())
    ),