wake-up-neo.net

So ersetzen Sie den Titel durch ein Bild in appBar Flutter

Ich bin ein neuer Benutzer in Flutter. Wie kann ich den Titel durch ein Logo in Flutter ersetzen?

Vielen Dank

Die title -Eigenschaft nimmt eine Widget an, sodass Sie jeden Inhalt übergeben können.

Zum Beispiel ein Bild, das zu Assets hinzugefügt wird

 title: new Image.asset('assets/title.png', fit: BoxFit.cover)

Siehe auch https://flutter.io/assets-and-images/

13
  appBar: AppBar(
          title: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                  Image.asset(
                 'assets/logo.png',
                  fit: BoxFit.contain,
                  height: 32,
              ),
              Container(
                  padding: const EdgeInsets.all(8.0), child: Text('YourAppTitle'))
            ],

          ),
  )
0

Sie können jedes Typ-Widget einschließlich Bilder einschließen. 

  appBar: AppBar(
          title: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                  Image.asset(
                 'assets/logo.png',
                  fit: BoxFit.contain,
                  height: 32,
              ),
              Container(
                  padding: const EdgeInsets.all(8.0), child: Text('YourAppTitle'))
            ],

          ),
  )