如何给这个IconButton给予标签?
IconButton
IconButton( icon: Image.asset('path/the_image.png'), iconSize: 50, onPressed: () {}, )
63lcw9qa1#
用“列”包起来
Column( children: [ IconButton( icon: Image.asset('path/the_image.png'), iconSize: 50, onPressed: () {}, ), Text(//your label) ])
55ooxyrt2#
使用ListTile小工具,如下所示:如果希望标签作为ListTile的标题,请使用此选项:
ListTile
ListTile( leading: IconButton( icon: Image.asset('path/the_image.png'), iconSize: 50, onPressed: () {}, ), trailing: Text('Your label'), ),
或者,如果您希望它是一个尾随字符串,请使用以下命令:
ListTile( leading: IconButton( icon: Image.asset('path/the_image.png'), iconSize: 50, onPressed: () {}, ), title: Text('Your label'), ),
tcomlyy63#
您可以使用TextButton.icon小部件,它就是为此而创建的。Read Documentation here代码示例:
TextButton.icon
TextButton.icon( icon: Image.asset('path/the_image.png'), onPressed: () {}, label: const Text("Your label here"), )
3条答案
按热度按时间63lcw9qa1#
用“列”包起来
55ooxyrt2#
使用
ListTile
小工具,如下所示:如果希望标签作为ListTile的标题,请使用此选项:
或者,如果您希望它是一个尾随字符串,请使用以下命令:
tcomlyy63#
您可以使用
TextButton.icon
小部件,它就是为此而创建的。Read Documentation here代码示例: