Flutter onTap method for Containers

Question

Been developing a flutter app and dynamicly building some containers from some Firebase data. I wanted to know if there is a way to get a onTap method for containers (or any widget which is not a button ?

Here is a code sample :

  child: new Container(      //INSERT ONTAP OR ONPRESSED METHOD HERE      margin: const EdgeInsets.symmetric(vertical: 10.0),     child: new Row(       crossAxisAlignment: CrossAxisAlignment.start,       children: <Widget>[         new Container(           margin: const EdgeInsets.only(right: 16.0),           child: new GoogleUserCircleAvatar(snapshot.value['images'][0]),         ),         new Column(           crossAxisAlignment: CrossAxisAlignment.start,           children : [             new Container(               padding: const EdgeInsets.only(bottom: 8.0),               child: new Text("${snapshot.value['name']}",                 style: new TextStyle(                   fontWeight: FontWeight.bold,                 ),               ),              ),             new Text("${snapshot.value['description']}",               style: new TextStyle(                 color: Colors.grey[500],               ),             ),           ]         )       ],     ), 

Answer 1

You can wrap your Container in an InkWell or GestureDetector. The difference is that InkWell is a material widget that shows a visual indication that the touch was received, whereas GestureDetector is a more general purpose widget that shows no visual indicator.

Answer 2

wrapping the container inside an Inkwell() Widget could solve the problem or even GestureDetector() as

  InkWell(                                 child: Container(...),                                 onTap: () {                                   print("tapped on container");         },                            ); 

Using the Gesture Detector

GestureDetector(   onTap: () { print("Container was tapped"); },   child: Container(...), )