海之飞燕

Menu
  • IOS
  • Swift
  • 前端开发
  • Flutter
  • ReactNative
  • Other
Menu

ReactNative-修改应用名称版本号AppIcon启动图

Posted on 2020年2月11日2020年12月14日 by Herriat

iOS
修改app名称
使用Xcode打开ReactNative项目下的iOS目录,打开Info.plist配置文件,修改Bundle display name属性即可修改应用的名称。
CFBundleDisplayName
碎屏保
也可以在General进行可视化修改:

修改AppIcon
工程下的images.xcassests的文件是我们iOS项目专门用于存储图片的地方。在ReactNative开发中,一般将项目的资源放在ReactNative的资源文件目录下,但是AppIcon,启动图这些平台配置图片,还是需要放在相关的原生文件目录下(无论是开发ReactNative项目还是fultter项目都是这么做的)。
首先,打开images.xcassests文件,


找到了AppIcon.appiconset文件,我们可以用网站https://icon.wuruihong.com/ 生成图标,直接替换这个文件即可。
修改启动图
LaunchScreen.xib里添加UIImageView添加约束,设置图片。
Android
应用名称
在android/app/src/main/res/values/strings.xml中,找到MyProject,中间的MyProject就是应用名称了
版本号
还是在android/app/build.gradle中,
defaultConfig {
applicationId “com.mdemoproject”
minSdkVersion rootProject.ext.minSdkVersion
targetSdkVersion rootProject.ext.targetSdkVersion
versionCode 1
versionName “1.0”
}
versionCode 和versionName两项。versionCode必须每次增加,不能减少。
applicationid是App ID
修改AppIcon

按照里面ic_launcher.png的尺寸,生成四个版本的icon并替换。
添加启动图
在 app/src/main/res/下新建以下文件夹:
·drawable-ldpi
·drawable-mdpi
·drawable-hdpi
·drawable-xhdpi
·drawable-xxhdpi
·drawable-xxxhdpi
并分别在以上目录添加一张launch_screen.png图片,安卓会自动会自适应缩放。

注意:如果之前有项目运行,重新调用yarn ios执行还是会显示之前的,我们把app删掉,清除缓存,重新运行即可。

发表评论 取消回复

邮箱地址不会被公开。 必填项已用*标注

近期文章

  • WKWebView加载H5页面,退出时视频继续播放
  • Swift基础知识总结
  • ReactNative-Linking的基本使用
  • ReactNative进度条ProgressViewIOS
  • ReactNative中react-native-webview与js交互
  • ReactNative-SectionList

近期评论

  • Herriat发表在《curl、wget命令下载文件》
  • smm provider panel发表在《curl、wget命令下载文件》
  • www.scoop.it发表在《curl、wget命令下载文件》
  • 金玉游龙发表在《iOS9 Universal Links》
  • 十一岁的加重发表在《iOS-判断字符串是否是空字符串的方法》

文章归档

功能

  • 登录
  • 项目feed
  • 评论feed
  • WordPress.org

友情链接

金玉游龙 为吾优
©2021 海之飞燕 | WordPress Theme by Superbthemes.com