How to add space in react native application name?

Question

How can I add a space in my application name? Such as, if I do

react-native init HelloWorld

it would create an application with name HelloWorld. But if I do this

$ react-native init "Hello World"  
"Hello World" is not a valid name for a project.
Please use a valid identifier name (alphanumeric).

Is there any way to add space in the project name? I found a solution for iOS (https://github.com/facebook/react-native/issues/6115), but I'm developing for android. Please let me know how can I solve this problem.

Answer 1

Your projects in react-native can't have spaces in them, but you can change the app name directly in the android & ios projects.

For android:
go to android/app/src/main/res/values/string.xml and change app_name to your desired value.

For ios:
Go to ios/[currentName].xcodeproj/project.pbxproj and change the PRODUCT_NAME values, both in debug and release, from the current name to your new name.

or go to ios/[currentName]/info.plist, find this:

<key>CFBundleDisplayName</key>
<string>${PRODUCT_NAME}</string>

and replace the ${PRODUCT_NAME} with your desired name

Answer 2

Add this key in info.plist

<key>CFBundleDisplayName</key> 
<string>Top&#x2007;Articles</string>

Remember   not worked in build setting of the project.  this will work as space

Output:
Top Articles