【问题标题】:Can't show image from asset in flutter无法在颤动中显示资产中的图像
【发布时间】:2020-01-02 18:29:30
【问题描述】:

我开始学习颤振,目前我正在尝试显示文件中的图像,但它没有显示它,我不知道为什么。我用这个改变了我的pubspec.yaml

# To add assets to your application, add an assets section, like this:
  assets:
      - assets/

我的文件夹总结如下:

<project-folder>
 - pubspec.yaml
 - assets
   - images
     - d4.png

我刚刚从基本计数器示例中替换了基本 _MyHomePageState 类,如下所示:

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(widget.title)),
      body: Image(image: AssetImage('images/d4.png')),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ),
    );
  }
}

图片没有显示,我不知道为什么。如果我用NetworkImage 替换AssetImage,则链接中的图像正常工作。有谁知道我错过了什么?

【问题讨论】:

    标签: flutter flutter-layout


    【解决方案1】:

    pubspec.yaml 中的资产文件夹错误。使用以下替代方法之一:

    1. 使用它来导入images目录内的所有图像
      assets:
          - assets/images/
    
    1. 使用它仅导入d4.png 图像文件
      assets:
          - assets/images/d4.png
    

    然后使用完整的文件路径访问图片:

    Image.asset('assets/images/d4.png')
    

    【讨论】:

      【解决方案2】:

      在您的pubspec.yaml 中添加以下内容

      # To add assets to your application, add an assets section, like this:
        assets:
          - assets/images/d4.png
      

      然后在你的主页上

      Image.asset('assets/images/d4.png')
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2022-08-10
        • 1970-01-01
        • 1970-01-01
        • 2020-01-25
        • 2021-10-15
        • 1970-01-01
        • 2021-11-07
        • 2022-11-30
        相关资源
        最近更新 更多