Practice Best React Native Interview Questions and Answers

React Native is a mobile application framework through which developers can develop apps for Android, iOS, Web, and UWP. It allows developers to combined ReactJS with other native platforms to develop apps for different platforms. It is developed by Facebook and is written in JavaScript and is very fast. React Native works in a way similar to ReactJS but does not manipulate DOM by Virtual DOM.

So, practice here the best React Native Interview Questions and Answers, that are very helpful for the freshers & experienced candidates. These React Native Questions are very popular and asked various times in React Native Interviews. apart from this, you can also download below the React Native Interview Questions PDF, completely free.

React Native Interview Questions

1) Explain What is React Native?

React Native is a mobile app development platform that allows you to create android and ios apps only using Javascript. React Native uses the same fundamental UI building blocks as regular iOS and Android apps so applications created using React Native are indistinguishable from an app built using Objective-C or Java.

2) Who uses React Native?

Thousands of apps are created using React Native. Here is the list of some popular companies who are using React Native.
  • Facebook
  • Facebook Ads Manager
  • Instagram
  • F8
  • Airbnb
  • Skype
  • Tesla

You know more from

Also, Read Best React.Js Interview Questions and Answers

3) List some core components of React Native?

Text, Image, View, TextInput, ListView are some core components of React Native.

4) How Virtual DOM works in React Native?

React creates an in-memory data structure cache, computes the resulting differences, and then updates the browser’s displayed DOM efficiently. This allows developers to write code as if the entire page is rendered on each change while the React libraries only render subcomponents that actually change.

5) What is FlexBox in React Native?

Flexbox in React Native works in the same way as it does in CSS on the web, with a few exceptions. It is used to provide a consistent layout on different screen sizes.

6) What is use of FlatList in React Native?

FlatList in React Native is a component that displays the content in similarly structured data as a scrollable list. It is used for large lists of data where the number of list items changes over time.

7) How to get Geolocation in React Native?

The geolocation API extends the web spec of the geolocation. In android, the Geolocation uses android.location.API.

The following alternative libraries are used to include new Location Services API with the React Native.

  • React-native-geolocation-service
  • React-native-location

To request location access, the following code needs to be included inside the application’s AndroidManifest.xml file.

<uses-permission android:name=”android.permission.ACCESS_FINE_LOCATION”/>

8) What are props and state in React Native?

In a React native, different props of various component instances will issue the value of the props to render the views. The other meaning of the props is properties. A parent component passes a prop to the child component. The values defined in the props are utilized by the child components. It becomes very easy to program a reusable code by the implementation of the props.

To handle any data that is changeable, a component named state is used. A state is aspects of the React Native that may change or differ in a component. Each component contains different state values. Based on these values of the state, the UI is also changed.

9) What does StyleSheet.create do in React Native?

StyleSheet.create method ensures that values are immutable and opaque, they are also only created once.

10) Can we combine native ios or android code in React Native.

Yes, we can. React Native smoothly combines the components written in Objective-C, Java, or Swift.

11) List Step to Create and start a React Native App?

Run the following command to Create and start a React Native App.
  • Step 1: npm install -g create-react-native-app // Installs create native app
  • Step 2: create-react-native-app AwesomeProject // Create a project named AwesomeProject
  • Step 3: cd AwesomeProject
  • Step 4: npm start

12) For what XHR Module is used in React Native?

XHR Module is used for implementation of XMLHttpRequest to post data on the server.

13) How to install and create an React Native App?

Use the following commands to install and create a React Native App

To Install

npm install -g create-react-native-app

To Create Project

create-react-native-app MyReactNative

14) What types of mobile apps we can create with React Native?

With react native we can create following types of app:

  • Working prototypes Apps
  • Apps with streamlined UI
  • Cross-platform apps
  • An app without the use of native APIs

15) Which function is used to pass value between screen in React Native?

this.props.navigation.navigate() method is used to pass value between screen in React Native.


this.props.navigation.navigate('RouteName', { /* params go here */ })

16) What is JavaScriptCore?

JavaScriptCore is an open-source Web browser engine which run in WebKit. It helps developers to create own browser.

17) Explain what is use of webView in React Native?

WebView is a React Native is a component that is implemented to load a web page or web content. It is imported from the core of the react-native library. The WebView is replaced from the inbuilt core react native and is then placed inside the react-native webview library. In other words, WebView is a bridge that connects web platforms with the react native and gives the users different options to create connections to an application that is running on the web.

WebView can also control the navigation and load an application into the web page. Webview is an element of the React Native that needs no installation or configuration.

18) What is Gesture Responder System?

The gesture responder system manages the lifecycle of gestures in your app. A touch can go through several phases as the app determines what the user's intention is. For example, the app needs to determine if the touch is scrolling, sliding on a widget, or tapping. This can even change during the duration of a touch. There can also be multiple simultaneous touches.

The touch responder system is needed to allow components to negotiate these touch interactions without any additional knowledge about their parent or child components.


19) Enlist few native events available in React Native?

Below is the list of some native events supported by React Native

  • Clipboard Events
  • Composition Events
  • Keyboard Events
  • Focus Events
  • Form Events
  • Mouse Events
  • Pointer Events
  • Selection Events
  • Touch Events
  • UI Events
  • Wheel Events
  • Media Events
  • Image Events
  • Animation Events
  • Transition Events
  • Other Events

20) What is use of platform module in React Native?

React Native Platform module is used to detect the platform of device in which the application is running. You can use the below code detect platform in React Native.

import {Platform, StyleSheet} from 'react-native';
const styles = StyleSheet.create({
  height: Platform.OS === 'ios' ? 200 : 100,

21) Enlist some timer related functions available in React Native?

React Native implements the browser timers functions. Below are few Timers function that can be used

  • setTimeout, clearTimeout
  • setInterval, clearInterval
  • setImmediate, clearImmediate
  • requestAnimationFrame, cancelAnimationFrame

Leave A Comment :

Valid name is required.

Valid name is required.

Valid email id is required.