Localize an Application Name in React Native

Ivan Zotov
Aug 23, 2017 · 3 min read
Image for post
Image for post

A localization of an application name in a React Native project and in a native project is a similar process.

Localize an iOS application name

Image for post
Image for post
Creating InfoPlist.string in Xcode
Image for post
Image for post

Add a default application name to the file, like this:

"CFBundleDisplayName" = "Example Application Name";
"CFBundleName" = "Example Application Name";

Where “Example Application Name” is your application name.

Select the file and press “Localize…” button on the right side.

Image for post
Image for post

Then press “Localize” in the popup to add the current file as Base language.

Image for post
Image for post

Change the Display Name as well, because newest iOS versions uses it as a fallback instead of Base language:

Image for post
Image for post

Now add languages in XCode you want to localize the application name. Press “+” in “Localizations” of Info tab of your project.

Image for post
Image for post
Adding new language in XCode

And choose InfoPlist.string file to localize.

Image for post
Image for post

For each language you added XCode will create a file for InfoPlist.strings. Change the content of localized files:

Image for post
Image for post

That’s all!

Localize an Android application name

Image for post
Image for post

Similar to iOS, we’re going to localize strings file. Let’s create a new folder inside res with name like values-de , where de is a language you want to localize, it’s Deutsch in our case (full list of codes).

Copy strings.xml to the folder, and change the application name.

Image for post
Image for post

Done. More info about Android localization

Thanks.

HackerNoon.com

#BlackLivesMatter

Sign up for Get Better Tech Emails via HackerNoon.com

By HackerNoon.com

how hackers start their afternoons. the real shit is on hackernoon.com. Take a look.

By signing up, you will create a Medium account if you don’t already have one. Review our Privacy Policy for more information about our privacy practices.

Check your inbox
Medium sent you an email at to complete your subscription.

Ivan Zotov

Written by

React Native Developer. https://ivanzotov.com

HackerNoon.com

Elijah McClain, George Floyd, Eric Garner, Breonna Taylor, Ahmaud Arbery, Michael Brown, Oscar Grant, Atatiana Jefferson, Tamir Rice, Bettie Jones, Botham Jean

Ivan Zotov

Written by

React Native Developer. https://ivanzotov.com

HackerNoon.com

Elijah McClain, George Floyd, Eric Garner, Breonna Taylor, Ahmaud Arbery, Michael Brown, Oscar Grant, Atatiana Jefferson, Tamir Rice, Bettie Jones, Botham Jean

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store