Benutzerdefiniertes Bild in eine Schaltfläche Flattern

Ich versuche eine Schaltfläche erstellen, die einige Aktionen, wenn Sie gedrückt, angenommen, es ruft eine Funktion _pressedButton() auch wenn der Benutzer tippt auf (oder Tippen und halten), das Bild verändert.

Betrachten Sie diese wie eine Taste mit einem benutzerdefinierten Bild auf gedrückt.

In der follow-up, kann ich auch das Bild ändern, basierend auf einigen externen Faktor?
zB. wenn eine Funktion Ein true zurück, zeigen Bild 1, sonst zeigen Sie Bild 2

  • Hi, willkommen ALSO! Was haben Sie bisher ausprobiert? Siehe dieser und wie man eine Frage stellen.
  • Ich denke, man könnte mit einem GestureDetector und haben ein Bild wie ein Kind (macht es eine variable). Nun, ändern kann man es wie jede andere variable (in der Theorie, habe nicht wirklich versucht, es mir mit Bildern)
  • Sie können das Bild basiert auf einem Faktor, haben Sie einen Blick auf diese code github.com/AlexiCoard/flutter_firebase_auth_samples/blob/master/... Es zeigt ein Beispiel für Kontext-Unterschied, können Sie auch mit setState () - Methode zum ändern der widget-zwar nicht in der build-Methode
InformationsquelleAutor Samyak Ranjan | 2017-06-12
  1. 7

    Erfahren Sie alles über Tasten und Staat in der Flattern Interaktivität tutorial.

    Hier zum Beispiel ist eine Schaltfläche, die zeigt, dass eine andere Katze jedes mal, jedes mal, wenn darauf geklickt wird.

    Benutzerdefiniertes Bild in eine Schaltfläche Flattern

    import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(
    home: new HomePage(),
  ));
}

class HomePage extends StatefulWidget {
  HomePageState createState() => new HomePageState();
}

class HomePageState extends State<HomePage> {
  String _url = getNewCatUrl();

  static String getNewCatUrl() {
    return 'http://thecatapi.com/api/images/get?format=src&type=jpg&size=small'
           '#${new DateTime.now().millisecondsSinceEpoch}';
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('Cat Button'),
      ),
      body: new Center(
        child: new FloatingActionButton(
          onPressed: () {
            setState(() {
              _url = getNewCatUrl();
            });
          },
          child: new ConstrainedBox(
            constraints: new BoxConstraints.expand(),
            child: new Image.network(_url, fit: BoxFit.cover, gaplessPlayback: true),
          ),
        ),
      ),
    );
  }
}
    • So erreicht wurde dies mithilfe der FloatingActionButton widget ist von Natur aus rund. Gibt es nicht einen Weg, um eine IconButton Runde?
    InformationsquelleAutor Collin Jackson
Schreibe einen Kommentar