Flutter button with icon and text

Icon as button flutter

IconButton(
            icon: Icon(
              Icons.directions_transit,
            ),
            iconSize: 50,
            color: Colors.green,
            splashColor: Colors.purple,
            onPressed: () {},
          ),

Flutter button with icon

ElevatedButton.icon(
          onPressed: () {},
          icon: Icon(Icons.email),
          label: Text("Contact me"),
          style: ElevatedButton.styleFrom(
            textStyle: TextStyle(fontSize: 15),
          ),
        ),

Flutter button with icon and text

ElevatedButton.icon(
              icon: Icon(Icons.home), 
              label: Text('ElevatedButton'),
              onPressed: () {},
            ),

Flutter text with icon

Flutter has WidgetSpan() to add a widget inside the RichText().

Example use:

RichText(
  text: TextSpan(
    children: [
      TextSpan(
        text: "Click ",
      ),
      WidgetSpan(
        child: Icon(Icons.add, size: 14),
      ),
      TextSpan(
        text: " to add",
      ),
    ],
  ),
)

Above code will produce:

Click + to add

You can treat the child of WidgetSpan like the usual widget.

Source: stackoverflow.com

Flutter iconbutton

IconButton(
            icon: Icon(
              Icons.directions_transit,
            ),
            onPressed: () {},
          ),

Source: api.flutter.dev

Flutter textbutton.icon

TextButton.icon(
            icon: Icon(Icons.camera),
            label: Text('Take A Photo'),
            onPressed: () {},
          )

Source: kindacode.com

Similar codes

2 votes361 views2 answers
Flutter send function as parameter
Dart
0 vote341 views2 answers
How to get a short code sms number in flutter
Dart
0 vote340 views1 answer
Flutter border around textbutton
Dart
0 vote332 views1 answer
Dar initilize list with zero
Dart
1 vote333 views1 answer
Ink image clip flutter
Dart
1 vote348 views1 answer
Fluster get children flutter
Dart
3 votes336 views1 answer
Color textfield text flutter
Dart
-1 vote358 views1 answer
Type '_InternalLinkedHashMap<DateTime, int>' is not a subtype of type 'Map<DateTime, double>'
Dart
0 vote314 views1 answer
Flutter splash on tap
Dart
1 vote336 views1 answer
Repeating action every x seconds flutter
Dart