「这是我参与11月更文应战的第10天,活动概况检查:2021终究一次更文应战」

在上一篇文章中,咱们现已简单的操作了如何建立一个项目的首要结构,但是到目前为止,咱们还没有给项目运用咱们本地的资源文件,比方图片,那么今日这边文章,咱们首要介绍一下,本地资源文件如何运用;

Android工程的配置

身为一个iOS开发者,在Xcode中配置图标,发动图修正App姓名等操作咱们现已非常熟练了,咱们现在来看一下安卓工程的相关配置如何进行设置;

修正App姓名

在工程目录下,咱们找到AndroidManifest.xml文件,其路径为:

工程->android->app->src->main->AndroidManifest.xml

在该文件中,修正Android:labelFlutter工程

Flutter(十二)实战-工程配置及本地资源使用
然后运转App,之后退到后台,咱们能够看到,在安卓模拟器中,App的姓名现已显现为Flutter工程
Flutter(十二)实战-工程配置及本地资源使用

修正App图标

咱们在iOS中,图标分为1x2x3x;在Android中,不同大小的图标,放在不同的文件夹下:

Flutter(十二)实战-工程配置及本地资源使用
其间mipmap-xhdpi文件夹中寄存图片相当于iOS中的2xmipmap-xxhdpi中寄存的图片相当于iOS中的3x;一般规划在给出图标的时候,Android的图标会分好文件夹给到开发;

这里为了便利,咱们直接运用微信的图标:

Flutter(十二)实战-工程配置及本地资源使用

需求留意的是,图片的姓名也不能运用驼峰命名的方法,推荐运用_下划线;

然后在AndroidManifest.xml文件中修正android:icon@mipmap/app_icon,留意不必添加后缀名;然后运转App之后,检查作用:

Flutter(十二)实战-工程配置及本地资源使用

添加App发动图

咱们将对应尺度的发动图放在mipmap-hdpimipmap-mdpi文件夹下;然后修正launch_background.xml文件:

Flutter(十二)实战-工程配置及本地资源使用

假如launch_background.xml文件有多个,那么这些文件都要修正;

将文件中,红框部分解注释,然后修正android:src@mipmap/launch_image;

运转作用:

Flutter(十二)实战-工程配置及本地资源使用

运用本地图片

在与iosandroid同级目录下,创建文件夹images(能够自定义文件夹姓名),将所需求用到的图片复制到此文件夹下;然后修正文件pubspec.yaml;文件方位如下:

Flutter(十二)实战-工程配置及本地资源使用
将红框内容解注释,需求特别留意的是,解注释之后,格局是有问题的,此刻运转项目会直接报错:
Flutter(十二)实战-工程配置及本地资源使用
此文件对格局要求极其严格,assets必须与上边的uses-material-design对齐,然后下边的内容一次往前进一个空格:

终究如下:

Flutter(十二)实战-工程配置及本地资源使用

images便是方才寄存图片的文件夹姓名;

运用图片,更换底部导航啦图标:

Flutter(十二)实战-工程配置及本地资源使用
终究代码如下:
Flutter(十二)实战-工程配置及本地资源使用

  • icon:底部导航item的默许图标;
  • activeIcon:底部导航item的选中图标;

需求留意的是,此处一定要跟上图片的后缀,不然图片无法显现

终究界面作用:

  • Android 作用:

Flutter(十二)实战-工程配置及本地资源使用

  • iPhone作用

Flutter(十二)实战-工程配置及本地资源使用