Author: S J

This topic is about React Native - Images. In this chapter, we will understand how to work with images in React Native. Adding Image Let us create a new folder img inside…

This topic is about React Native - ScrollView. In this chapter, we will show you how to work with the ScrollView element. We will again create ScrollViewExample.js and import it in Home. App.js import React…

In this chapter, we will show you how to work with Text Input elements in React Native. The Home component will import and render inputs. App.js import React from 'react'; import Inputs…

This chapter is about React Native - ListView. In this chapter, we will show you how to create a list in React Native. We will import List in our Home component and show it…

To accommodate different screen sizes, React Native offers Flexbox support. We will use the same code that we used in our React Native - Styling chapter. We will only change the PresentationalComponent. Layout To achieve…

This topic is about React Native - Styling. There are a couple of ways to style your elements in React Native. You can use the style property to add the styles inline.…

Thiis topic is aboout React Native - Props. In our last chapter, we showed you how to use mutable state. In this chapter, we will show you how to combine the…

This Topic is about React Native - State. The data inside React Components is managed by state and props. In this chapter, we will talk about state. Difference between State and Props The state is mutable…

This chapter is about React Native - App. If you open the default app you can observe that the app.js file looks like import React from 'react'; import { StyleSheet,…

This topic is about React Native - Environment Setup. There are a couple of things you need to install to set up the environment for React Native. We will use…