How can I implement OnPressed callback for Text widget, Flutter

TextWidgetDartFlutter

Text Problem Overview


I have a Text widget on pressing which another Route has to be shown. But I could not see any onPressed() method for the Text widget. Please Help.

Text Solutions


Solution 1 - Text

Just wrap your title in a GestureDetector to handle clicks. Then call Navigator's pushNamed to redirect to a new route.

new GestureDetector(
  onTap: () {
    Navigator.pushNamed(context, "myRoute");
  },
  child: new Text("my Title"),
);

Solution 2 - Text

Use InkWell

this gives you nice ripple effect as well

 new InkWell(
          onTap: () {
            Navigator.pushNamed(context, "YourRoute");
          },
          child: new Padding(
            padding: new EdgeInsets.all(10.0),
            child: new Text("Tap Here"),
          ),
        );

or

new FlatButton(
          onPressed: () {
            Navigator.pushNamed(context, "YourRoute");
          },
          child: new Text("Tap Here"),
        )

Solution 3 - Text

For All the widget of Flutter you can implement onPressed using these widget

1. InkWell() : Using this widget you can add ripple effect on clicking

InkWell(
     onTap: () {
         Navigator.pushNamed(context, "write your route");
     },
     child: new Text("Click Here"),
 );


2. GestureDetector() : Using this widget you can implement, onTap, onDoubleTap, onLongPress and many more

GestureDetector(
     onTap: () {
         Navigator.pushNamed(context, "write your route");
     },
     onLongPress: (){
        // open dialog OR navigate OR do what you want
     }
     child: new Text("Save"),
 );

Solution 4 - Text

You can use TextButton. Since it has a transparent background, it will look like a text widget.

            TextButton(
              onPressed: () {
                //action
              },
              child: Text(
                'Title Text', //title
                textAlign: TextAlign.end, //aligment
              ),
            ),

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionFathima kmView Question on Stackoverflow
Solution 1 - TextRémi RousseletView Answer on Stackoverflow
Solution 2 - TextMayur PrasadView Answer on Stackoverflow
Solution 3 - TextSanjayrajsinhView Answer on Stackoverflow
Solution 4 - TextChintan ParmarView Answer on Stackoverflow