[Proposal] TextButton.icon missing Alignment of icon

Please Add the position of the icon to change in TextButton.icon by default is on the left and side and there is no way to change it.

Usecase

Suppose we have a view pager with two buttons on the bottom. One with the Previous button and One with the Next Button aligned in a row

TextButton.icon(
    onPressed: () {},
    style: ButtonStyle(),
    label: Text("Next"),
    icon: Icon(Icons.arrow_forward_ios_rounded),
)

Looks like a valid proposal to me.

@HansMuller

Solution for this: use the text widget as the icon and icon widget as the label.
As @HansMuller said, "It's not elegant, but it avoids making the API a little more complicated."

@werainkhatri

I wanted to propose the same thing and happy to find out this is already working on.

@werainkhatri Thanks your tip. It's much simpler way to me.

I would like to add my use case.

I made my own TextButton child widget which was referred the _TextButtonWithIconChild.

// Create text button child widget for sub-fix icon.
// I simply changed the location between the label and icon.
// And I didn't apply the calculation the gap because I didn't need it.

class TextButtonWithSubfixIconChild extends StatelessWidget {
  TextButtonWithSubfixIconChild({
    Key? key,
    required this.label,
    required this.icon,
  });

  final Widget label;
  final Widget icon;

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisSize: MainAxisSize.min,
      crossAxisAlignment: CrossAxisAlignment.center,
      children: <Widget>[
        Flexible(child: label),
        SizedBox(width: 4),
        icon,
      ],
    );
  }
}

And I used the child widget under the text button.

         TextButton(
            onPressed: () {},
            child: TextButtonWithSubfixIconChild(
              label: Text(
                'Add',
              ),
              icon: Icon(
                Icons.add,
              ),
            ),
          ),

Any update or milestone to this?

I'll be fixing this for all ButtonStyleButton buttons. Multiple issues aren't necessary.

Introduce `iconAlignment` for the buttons with icon (#137348)

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

Navigation Menu

Repository navigation

[Proposal] TextButton.icon missing Alignment of icon #89564

Usecase

3 remaining items

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

[Proposal] TextButton.icon missing Alignment of icon #89564

Description

Usecase

Activity

maheshj01 commented on Sep 7, 2021

werainkhatri commented on Sep 18, 2021

uandi4446 commented on Nov 17, 2021

hit-flutter commented on May 8, 2023

3 remaining items

piedcipher commented on Nov 17, 2023

github-actions commented on Feb 26, 2024

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions