「这是我参与11月更文应战的第10天,活动概况检查:2021终究一次更文应战」
在上一篇文章中,咱们现已简单的操作了如何建立一个项目的首要结构,但是到目前为止,咱们还没有给项目运用咱们本地的资源文件,比方图片,那么今日这边文章,咱们首要介绍一下,本地资源文件如何运用;
Android工程的配置
身为一个iOS
开发者,在Xcode
中配置图标,发动图修正App
姓名等操作咱们现已非常熟练了,咱们现在来看一下安卓工程的相关配置如何进行设置;
修正App姓名
在工程目录下,咱们找到AndroidManifest.xml
文件,其路径为:
工程->android->app->src->main->AndroidManifest.xml
在该文件中,修正Android:label
为Flutter工程
:
然后运转App
,之后退到后台,咱们能够看到,在安卓模拟器中,App
的姓名现已显现为Flutter工程
:
修正App图标
咱们在iOS
中,图标分为1x
,2x
和3x
;在Android
中,不同大小的图标,放在不同的文件夹下:
其间mipmap-xhdpi
文件夹中寄存图片相当于iOS
中的2x
;mipmap-xxhdpi
中寄存的图片相当于iOS
中的3x
;一般规划在给出图标的时候,Android
的图标会分好文件夹给到开发;
这里为了便利,咱们直接运用微信的图标:
需求留意的是,图片的姓名也不能运用
驼峰命名
的方法,推荐运用_
下划线;
然后在AndroidManifest.xml
文件中修正android:icon
为@mipmap/app_icon
,留意不必添加后缀名;然后运转App
之后,检查作用:
添加App发动图
咱们将对应尺度的发动图放在mipmap-hdpi
和mipmap-mdpi
文件夹下;然后修正launch_background.xml
文件:
假如
launch_background.xml
文件有多个,那么这些文件都要修正;
将文件中,红框部分解注释,然后修正android:src
为@mipmap/launch_image
;
运转作用:
运用本地图片
在与ios
和android
同级目录下,创建文件夹images
(能够自定义文件夹姓名),将所需求用到的图片复制到此文件夹下;然后修正文件pubspec.yaml
;文件方位如下:
将红框内容解注释,需求特别留意的是,解注释之后,格局是有问题的,此刻运转项目会直接报错:
此文件对格局要求极其严格,assets
必须与上边的uses-material-design
对齐,然后下边的内容一次往前进一个空格:
终究如下:
images
便是方才寄存图片的文件夹姓名;
运用图片,更换底部导航啦图标: 终究代码如下:
-
icon
:底部导航item
的默许图标; -
activeIcon
:底部导航item
的选中图标;
需求留意的是,此处一定要跟上图片的后缀,不然图片无法显现
终究界面作用:
- Android 作用:
- iPhone作用