How can I implement OnPressed callback for Text widget, Flutter - text

Question

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.

Answer 1

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"),
);

Answer 2

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"),
)

Answer 3

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"),
);

Answer 4

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
),
),

Answer 5

Wrap your text with container and then again wrap your text with widget GestureDetector and use onTap() in the following way
onTap: () {
Navigator.of(context).pushReplacement(
MaterialPageRoute(builder: ((context) => *className()*)
);
},

Answer 6

There are many ways to create clickable text.
InkWell
GestureDetector
TextButton
Widget clickableText(Function() onShow) {
return Column(
children: [
InkWell(
onTap: () {
onShow();
},
child: Center(
child: Text(
"Text one",
style: TextStyle(fontSize: 40),
),
),
),
GestureDetector(
onTap: () {
onShow();
},
child: Center(
child: Text(
"Text one",
style: TextStyle(fontSize: 40),
),
),
),
TextButton(
onPressed: () {
onShow();
},
child: Text(
"clickable text",
style: TextStyle(fontSize: 40),
))
],
);
}