Flattern onTap-Methode für Container

Entwickelt ein flattern app und dynamicly Gebäude einige Container von einigen FB-Daten.
Ich wollte wissen, ob es ist ein Weg, um eine onTap-Methode für den Container (oder eine beliebige widget nicht eine Taste ?

Hier ist ein code-Beispiel :

  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],
              ),
            ),
          ]
        )
      ],
    ),
InformationsquelleAutor Alexi Coard | 2017-06-01
  1. 38

    Können Sie wickeln Sie Ihre Container in einem Tintenfass oder GestureDetector. Der Unterschied ist, dass InkWell ist ein material, das widget, das zeigt eine visuelle Anzeige, dass die Berührung empfangen wurde, in der Erwägung, dass GestureDetector ist ein allgemeiner Zweck-widget zeigt keine visuelle Anzeige.

    • Eine weitere Beobachtung: InkWell verteilt und decken alle container-Fläche zu behandeln ontap Veranstaltung statt GestureDector.
    InformationsquelleAutor Collin Jackson
  2. 12

    wickeln Sie den container in einen Inkwell() Widget das problem lösen könnte oder sogar
    GestureDetector() als

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

    Mithilfe der Geste Detektor

    GestureDetector(
  onTap: () { print("Container was tapped"); },
  child: Container(...),
)
    • danke, habe ich GestureDetector aber onTap nicht funktioniert im freien Raum nur arbeiten, wenn ich auf Kind-widget in den container, aber Inkwell war sehr gut.
    InformationsquelleAutor maheshmnj
  3. 2

    Abgesehen von dem, was andere gesagt haben zu Antworten, wenn Sie Card innen InkWell, dann InkWell wird verstecken die plätscherndem Wirkung auf Android—Sie können sehen, es passiert im hintergrund, aber nicht auf der Karte selbst.

    Lösung ist die Erstellung einer InkWell innerhalb der Card. 

    return Card(
  child: InkWell(
    child: Row(
      //Row content
    ),
    onTap: () => {
      print("Card tapped.");
    },
  ),
  elevation: 2,
);

    Dies wird Ihnen helfen, mit dem ripple-Effekt und führen Sie die Tippen Sie fängt auf Android zu.

    InformationsquelleAutor Afzaal Ahmad Zeeshan
  4. 0

    Screenshot:

    Flattern onTap-Methode für Container

    Sollten Sie nicht verwenden GestureDetector weil es nicht zeigen, dass Sie jede ripple-Effekt (was ist der Kern ein Material-design-app), so können Sie InkWell, hier ist das grundlegende Beispiel. 

    Widget _buildContainer() {
  return Material(
    color: Colors.blue,
    child: InkWell(
      onTap: () => print("Container pressed"), //handle your onTap here
      child: Container(height: 200, width: 200),
    ),
  );
}
    InformationsquelleAutor CopsOnRoad
Schreibe einen Kommentar