flutter 如何在动画中给图标按钮给予标签

r8xiu3jd  于 2023-03-19  发布在  Flutter
关注(0)|答案(3)|浏览(132)

如何给这个IconButton给予标签?

IconButton(
  icon: Image.asset('path/the_image.png'),
  iconSize: 50,
  onPressed: () {},
)
63lcw9qa

63lcw9qa1#

用“列”包起来

Column(
  children: [
     IconButton( icon: Image.asset('path/the_image.png'), iconSize: 50, 
       onPressed: () 
        {}, ),
         Text(//your label)
  ])
55ooxyrt

55ooxyrt2#

使用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'),
        ),
tcomlyy6

tcomlyy63#

您可以使用TextButton.icon小部件,它就是为此而创建的。Read Documentation here
代码示例:

TextButton.icon(
    icon: Image.asset('path/the_image.png'),
    onPressed: () {},
    label: const Text("Your label here"),
)

相关问题