React Native

View is the most common element in React Native. You can consider it as an equivalent of the div element used in web development. Use Cases Let us now see a few…

This topic is about React Native - Animations. In this chapter, we will show you how to use LayoutAnimation in React Native. Animations Component We will set myStyle as a property of the state.…

This chapter is about React Native - Buttons. In this chapter, we will show you touchable components in react Native. We call them 'touchable' because they offer built in animations…

This chapter is about React Native - HTTP. In this chapter, we will show you how to use fetch for handling network requests. App.js import React from 'react'; import HttpExample from './http_example.js'…

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.…