React-native 开发之: ios app 打包

图标生成

1.生成图标资源( 不会偷懒的程序员,不是好程序员 )

  • 1.打开 http://makeappicon.com/
  • 2.上传 icon 资源
React-native 开发之: ios app 打包_第1张图片
Paste_Image.png
  • 3.输入邮箱地址,点击下载
React-native 开发之: ios app 打包_第2张图片
Paste_Image.png

2.导入图片资源

  • 1.解压并打开下载的 zip 文件,目录如下
React-native 开发之: ios app 打包_第3张图片
Paste_Image.png
  • 2.复制 AppIcon.appiconset目录到 react-native 项目的Images.xcassets资源目录下,覆盖AppIcon.appiconset目录
    注:如果之前你有对这个目录做过配置,请不要覆盖 Contents.json
    React-native 开发之: ios app 打包_第4张图片
    Paste_Image.png

3.停止并重新运行项目

React-native 开发之: ios app 打包_第5张图片
Paste_Image.png

更改app 的名字

效果如图

React-native 开发之: ios app 打包_第6张图片
Paste_Image.png

打开 用 sublime 打开 info.plist 文件,加入以下两行 标签,重新运行项目即可

       CFBundleDevelopmentRegion
    zh_CN
       //以下两行----------------
    CFBundleDisplayName
    优选

或者直接在项目中改

React-native 开发之: ios app 打包_第7张图片
Paste_Image.png

生成多尺寸的启动图,mac系统上直接使用如图的软件生成即可

生成

React-native 开发之: ios app 打包_第8张图片
Paste_Image.png

生成结果

React-native 开发之: ios app 打包_第9张图片
Paste_Image.png

新建资源

React-native 开发之: ios app 打包_第10张图片
Paste_Image.png

用生成结果目录中的文件替换下图目录中的文件

React-native 开发之: ios app 打包_第11张图片
Paste_Image.png

设置项目

React-native 开发之: ios app 打包_第12张图片
Paste_Image.png

打包

  • 1
React-native 开发之: ios app 打包_第13张图片
Paste_Image.png
  • 2
React-native 开发之: ios app 打包_第14张图片
Paste_Image.png

你可能感兴趣的:(React-native 开发之: ios app 打包)