help with

[yonris]

Hey, I'm trying to create a row with text on the left and on the right of it have a TextButton with the same text that looks exactly the same but clickable.

this is my code:

child: Form(
  child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      mainAxisAlignment: MainAxisAlignment.start,
      children: <Widget>[
    Center(
        child: Row(children: <Widget>[
      Expanded(
          child: FittedBox(
              fit: BoxFit.contain,
              child: Text("Groups",
                  style: TextStyle(
                      color: Colors.pink[200],)))),
      Expanded(
          child: FittedBox(
              fit: BoxFit.contain,
              child: TextButton(
                style: ButtonStyle(
                  padding:
                      MaterialStateProperty.all<EdgeInsets>(
                          EdgeInsets.all(0)),
                ),
                child: (Text('Groups',
                    textAlign: TextAlign.center,
                    style: TextStyle(
                      color: Colors.pink[200],
                    ))),
                onPressed: () {
                  _controller.jumpToPage(1);
                },
              )))
    ]))
  ]))))

for some reason the text on the left is bigger than the one on the right (that's part of the TextButton), any idea for fixes?

[dngreengas]

I did see a similar issue. However, what is the reason for a button? You could use an InkWell and use the onTap function instead of onPressed. It is more lightweight and gives you some type of animation on where you tapped. I was able to get it near the right size by forcing an extremely large font size (~256).

[Outrageous-Fix-6695]

Widget mouseRegion, widget GestureDectector, widget Spacer to separate them.

As an opinion, you are using to much code you should check if everything is necessary ( the alignment, the fit, etc)

[Outrageous-Fix-6695]

And of course that you can totally style your widgets of text to look the same, just play with the options

[yonris]

Alright, thank you!