In this example, I will share how to change color of Icon after function executes within onTap Flutter ListItem. Create an Statefull widget for change it’s state.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
@override Widget build(BuildContext context) { return new Scaffold( appBar: new AppBar( title: new Text('Title'), ), body: new ListView.builder(itemBuilder: (context, index) { return new ListItem(); }), ); } class ListItem extends StatefulWidget { @override State<StatefulWidget> createState() => new _ItemView(); } class _ItemView extends State<ListItem>{ bool isFavorite = false; @override Widget build(BuildContext context) { return new ListTile( trailing: InkWell( child: Icon(Icons.share), ), leading: InkWell( onTap: () { isFavorite = !isFavorite; setState(() { }); }, child: isFavorite ? Icon( Icons.favorite, color: Colors.red, ): Icon(Icons.favorite)), title: new Text('Your Text', style: new TextStyle( fontWeight: FontWeight.bold, fontSize: 14.0)), ); } } |
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.