flutter - IconButton CircleAvatar 不显示图像

标签 flutter flutter-layout

我正在为我的应用程序创建一个 AppBar,但我无法在我的 CircleAvatar 按钮(这个蓝色圆圈)中插入图像:

enter image description here

我现在用来创建 CircleAvatar 按钮的代码如下:

主飞镖:

appBar: AppBar(
          actions: <Widget>[
            IconButton(
                icon: CircleAvatar(
                    child: new Image.asset("assets/images/example.jpeg")),
                onPressed: () {}),
          ]),

pubspec.yaml:

assets:
     - assets/images/example.jpeg

我正在尝试使用这张图片:

enter image description here

所以我需要让这个图像出现并适合那个蓝色的 CircleAvatar 按钮,但我不明白为什么它不能正常工作。

谁能帮我解决这个问题?

P.S.:如果有人知道要求用户按照他或她想要的方式调整图像的包或代码示例,那将对我有很大帮助,因为我希望用户能够调整完美尺寸的图像。例如:

enter image description here

发生以下错误:

enter image description here

有人知道怎么解决吗?

最佳答案

child 替换为 backgroundImage

所以,而不是使用

CircleAvatar(
  child: AssetImage("assets/images/example.jpeg"),
)

使用

CircleAvatar(
  backgroundImage: AssetImage("assets/images/example.jpeg"),
)

关于flutter - IconButton CircleAvatar 不显示图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57611071/

相关文章:

flutter - 在单个 TextField 中为多行添加下划线 - Flutter/Dart

flutter_gauge 小部件不会更新 setState 上的索引值

dart - 替换 Dart 中的双反斜杠

flutter - ToggleButton 颜色在 Flutter 中点击时不会改变

flutter - 2个容器之间的文字 flutter

Flutter DropdownButtonFormField 不显示在行中

flutter - 如何在 CustomMultiChildLayout 中拥有动态高度?

flutter build_runner : Build for specific file extensions in build. yaml

flutter - 如何在Flutter中实现master/detail?

flutter - Flutter 中的约束布局等价物是什么?