React Native set iOS icon, name and launch diagram (the next article will talk about RN's Android settings)

Source: Internet
Author: User

1. First, the name of the app:

: My project is called "book" in the Info.plist file in the following settings to set the app information: such as bundle name is set the name of the app

2.APP icon: (Note here: 1.app of the icon has a size, so if the size of the picture is not correct, the compilation will fail!) 2. The circle of the icon is set by the system itself, that is to say, we upload the image is square square! )

In the project file below the Images.xcassests file is the place where the picture file is stored, in the iOS development is generally put the picture in this position, but in the development of react native, we can also take pictures from this, we can also define the image storage folder, Of course, for the sake of convenience, generally we will customize the picture folder in the RN project, Android, iOS engineering, of course, the start diagram of what is still obediently put in the Android,ios project inside it!

Ok! Here is the start diagram!!! This needs to be set!

3, start diagram:

Same! The start diagram is also placed in the Images.xcasssets file, but we want to create a new

Error ~ QQ gave out ~ ~ ~ Hehe, click on the left margin ' then new icon that----new iOS launch

Then we drag the start diagram into the inside ~ (Note the size, otherwise the compilation will be wrong!!!) )

This is added after the need to go to set up ~ Click on the project name (I am here book) and then will pop up such an interface

Here's the app icons source is the path to the icon we set (we can go to see)

And then we're going to set the Lanch images source to the one we just built. Here's the note: The following launch screen file is set to empty

Ok! Finish the end!

React Native set iOS icon, name and launch diagram (the next article will talk about RN's Android settings)

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.