Today I would like to share the list of books I’ve read during the last year.
That is not the list of “my TOP 10 books” of the year. That’s the list of books I’ve read.
That might be a tiny list for some people who read a lot, but that’s my list.
Many mobile applications today are targeting people from different countries.
When an application supports several display languages it can reach more people.
Besides the display language, a multi-lingual application can serve different content for different languages.
When users decide to change the language of an application, they need to go through some sort of language selector.
That language selector should allow users to see the list of supported languages and choose the one they would like to use.
Today I would like to implement one version of that language selector.
There are billions of ways how to implement language selector.
It can be as simple as a set of icons, which a user can click to change a language.
I would like to implement the one which looks similar to the language selector in the Instagram app.
Sooner or later we need to get a custom input from a user.
In that case, we need to render one or several fields and allow the user to provide us with the data.
Then, we need to process that data.
Today I would like to see how can we implement the simplest possible input form.
We are going to ask the user’s name and save it.
A lot of modern mobile application use lists to present their data.
Look at Twitter or Instagram app, those apps are the list based apps.
They display messages and images as a list.
Bank applications display a list of transactions etc.
Looks like knowing how to work with the list is an important piece of knowledge for the mobile developer.
Today we are going to see what can we use to render the list of things.
That article is a part of the series of articles, where we are building an application.
You may want to review the previous articles to get more context about that.
Let’s get started.
Modern mobile applications rarely consist of a single screen.
Splitting screens into tabs, probably one of the most popular ways.
In one of the previous articles, we already covered the basics of React Navigation.
Today we are going to look into tab navigator from React Navigation and see how we can extract our existing screens and introduce new ones.
In the previous article, we’ve implemented the high scores functionality.
We are persisting all that data in a local storage using AsyncStorage.
It would be great if we introduce a separate screen, where the user can check the high scores.
Let’s get started.