关于Flutter本图片的引用
在我们写代码的时候,大概率的都会使用到图片,那么如何在代码中引用图片呢?
Flutter应用程序可以包含代码和 assets(有时称为资源)。asset是打包到程序安装包中的,可在运行时访问。常见类型的asset包括静态数据(例如JSON文件),配置文件,图标和图片(JPEG,WebP,GIF,动画WebP / GIF,PNG,BMP和WBMP)。
直接操作,第一步:
在根目录下新建一个用来存放图片的文件夹 “images” ,将你要导入的图片粘贴到此文件夹里。
第二步:
然后,我们需要找到文根件目录中的 pubspec.yaml 文件。
打开文件后我们可以看到如下文字:“添加资源到你的应用里,添加的资源部分像这样”
# To add assets to your application, add an assets section, like this:
# assets:
# - images/a_dot_burr.jpeg
# - images/a_dot_ham.jpeg
我们照着它的示例在 pubspec.yaml 文件里添加 assets 标识:(注意!!!这里的格式必须要正确,否则将读不到资源文件)
正确写法:
flutter:
uses-material-design: true
assets:
- images/
# To add assets to your application, add an assets section, like this:
# assets:
# - images/a_dot_burr.jpeg
# - images/a_dot_ham.jpeg
错误写法:
flutter:
uses-material-design: true
assets:
- images/
第三步:
在 pubspec.yaml 文件的界面上点击 Pub get
如果没有错误程序将返回:
第四步:
在代码里引用我们的图片rt:
Container(
child: Image.asset("images/nyy.png"),
),
运行程序后,大功告成!!!