react native package ios, and modify the app icon, name, and start pages

First, generate Xcode projects
to run react-native run-ios command in the react-native project root wood, in the react-native project / ios directory, will build the project name .xcodeproj engineering,
using Xcode development tools to open the project name .xcodeproj works
two , modify the app icon
1. click on the left side of the top-most item project directory name in front of a blue background icon item
2, click the General tab, pull down to find App icons and App icons Source under Launch Images, configure Launch lmages Source item, select use Asset Catalog select and click the right small arrow
Here Insert Picture Description
3 into Applcon interface, icons of different sizes will appear below, the size of each location calculation, such as the first icon size is 2 * 20pt = 40, then the first Image size is 40x40 size, and so on back to fill all of the following icons

Here Insert Picture Description
Third, modify the app launch page
1, click on the left side of the top-most item project directory name in front of a blue background icon item
2, click the General tab, pull down to find App Icons and Launch lmages Sourc items under Launch Images, configure Launch lmages Source item select Image, will select "launchlmage" item and then click the small right arrow
Here Insert Picture Description
3 into launchlmage screen, as appears in FIG icons of different sizes, the size is calculated for each position, such as the first icon size 2 * 20pt = 40, then the first image size is 40x40 size, and so on back to fill in all of the following icons
Here Insert Picture Description
Note: If you have completed all of the steps above, start page or no change, also need to uninstall the app loaded on the phone re-run the project loaded app to
four or modify the app name
1. click on the top of the front left side of the project directory name of the icon is blue background items, click on the Info item, configure the "Bundle display name" option, if this option does not exist you can add "Bundle Run the display
name" of this, if this exists, then the third step directly operate
Here Insert Picture Description
2, add "Bundle displ ay name "item
Here Insert Picture Description
Here Insert Picture Description
3, double-click" "behind the term" bundle display name value ", enter edit mode, you can enter the name of App
Here Insert Picture Description
4, modified successfully
Here Insert Picture Description
five successful configuration, click to run the project, you can install the app

Guess you like

Origin blog.csdn.net/weixin_42185136/article/details/88716377