Question

我想知道我是否可以用自己的个性化徽标替换应用程序的默认Flutter徽标？

new Column(
       mainAxisAlignment: MainAxisAlignment.center,
       children: <Widget>[
         new FlutterLogo(
           size: _iconAnimation.value * 100.0,
                ),

Answer 1

Here's our JSON object: Robbat.jsonPosSample

在root中添加资产文件夹而不是pubspec.jaml

 new Column(
   mainAxisAlignment: MainAxisAlignment.center,
   children: <Widget>[
       new Image(
        image: new AssetImage("assets/example.jpg")),
   ])

Answer 2

不，您不能更改 image 小部件中的 FlutterLogo，此小部件仅用于显示 flutter 徽标，您只能为其添加大小或更改颜色或添加一些动画。

见：https://api.flutter.dev/flutter/material/FlutterLogo-class.html

因此，如果您想添加自定义图像，您将不再使用 FlutterLogo 小部件，而是使用 允许您显示图像的小部件，例如 { {1}} 小部件或使用 Image 或 Image.network() 来定义您的图像。

见：https://api.flutter.dev/flutter/widgets/Image-class.html

Answer 3

children: <Widget>[
    new Image(
    image: new AssetImage("images/logo.png"),
    width: _iconAnimation.value * 100,
    height: _iconAnimation.value * 100,
),

Answer 4

否，您无法在image小部件中更改FlutterLogo，此小部件仅用于显示颤动徽标，您只能在其中添加尺寸或更改颜色或添加一些动画。

请参阅：https://api.flutter.dev/flutter/material/FlutterLogo-class.html

因此，如果您要添加自定义图片，则将不再使用FlutterLogo小部件，而是使用小部件，它可以显示图片，例如{ {1}}小部件，或使用Image或Image.network()定义图片。

请参阅：https://api.flutter.dev/flutter/widgets/Image-class.html

如何更改FlutterLogo图像

4 个答案: