React Native has a core component called TabBarIOS, which renders a tab bar at the bottom of the screen on iOS platform. But it doesn’t work on Android. If you want to have tabs in your app that look and work the same on both, iOS and Android, follow this tutorial, and in 15 minutes you’ll learn how to build them.
How often do you ditch mobile apps with an awful onboarding experience? You’re not alone. 70% of users stop using apps for the same reason. Bad UX and complex registration are among top 3 reasons why 90% of people stop using apps after first use. You don’t have to build your apps that way. Let me show you how to create a great onboarding experience in 30 minutes.
You need to build a mobile app that lists some data and shows details on a separate screen once user taps an item? Follow this complete guide on how to master React Native List and Navigator components to switch between a list and a detail screen.
Props are used to customize React Native components, both core and your own components. You can use the same component in different parts of your app with different props to customize how would they look or behave.
Components in React Native use state for data that changes over time. Most of your component should not use state, but take some data from props and render it. However, sometimes you need to respond to user input.
With React Native you can style your components with CSS-like styles. Style names and values usually match CSS styles, except names are written like backgroundColor instead of like background-color.
You can position any components anywhere on the screen using Flexbox. You can arrange them vertically, horizontally, center them, distribute evenly and much more.
In this tutorial we’ll continue building our Adopt Me app that we started in Part 1 and add detail screen for each pet, which would show up when row clicked.
We’ll be building an app that shows a list of pets available for adoption in US with details about each one. To get that list we’ll use petfinder.com API. Let’s jump right into it.