Flutter：如何在 AppBar 的左侧添加徽标图像？

Question

我想在我的 AppBar 的左侧添加一个徽标图像，如下所示：https : //i.stack.imgur.com/qGIbb.png

这是我当前的代码：

主要.dart：

import 'package:flutter/material.dart';
import 'home_page.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(title: "Chat App", home: new LoginPage());
  }
}

home_page.dart：

import 'package:flutter/material.dart';

class LoginPage extends StatelessWidget {
  @override 
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Smart ID',
      home: Container(
        decoration: BoxDecoration(
          image: DecorationImage(
            image: AssetImage("assets/background.png"), fit: BoxFit.cover)),
        child: Scaffold(
          backgroundColor: Colors.transparent,
          appBar: AppBar(
            elevation: 0,
            backgroundColor: Color(0xff05B068),
            centerTitle: true,
            title: Text('SMARTID', style: TextStyle(fontFamily: 'Open Sans', fontWeight: FontWeight.bold)),
          ),
        ),
      )
    );
  }
}

如何应用徽标图像？

Answer 1

这样做，

      appBar: AppBar(
        leading: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Image.asset(
            "assets/images/appicon.png",
          ),
        ),

输出

像这样在资产文件夹中添加您的徽标，

然后打开 pubspec.yaml 并添加您的徽标，

最后，按获取包，