0

I have a Button Icon in the appbar of my app, in which I need to put a text below the "send" icon. How should I do it?

          actions: <Widget>[
        IconButton(
          icon: Icon(
            Icons.send,
            color: Colors.green,
          ),
          onPressed: () {
            localRequestScheduleChange();
          },
        ),
      ],
    ),
365posadas
  • 27
  • 5
  • Maybe this post can help u [post-link](https://stackoverflow.com/questions/49442247/round-button-with-text-and-icon-in-flutter) – Khanh Tran Aug 09 '22 at 14:48

2 Answers2

0

Wrap your IconButton with Column widget and add Text

actions: <Widget>[
  Column(
    children: [
      IconButton(
        icon: Icon(
          Icons.send,
          color: Colors.green,
        ),
        onPressed: () {},
      ),
      Text("Send"),
    ],
  ),
],
Md. Yeasin Sheikh
  • 54,221
  • 7
  • 29
  • 56
0

Yes, just like Khanh mentions you can use a column. In your case it would be wrap your icon button inside a column then place text widget after icon button.

Column(
 children:[
  IconButton(
    icon: Icon(
    Icons.send,
    color: Colors.green,
    ),
    onPressed: () {
    localRequestScheduleChange();
    },
    ),
  Text('Send'),
]
)
K. Lewis Mat
  • 1
  • 3