Training

functional component in react native

Functional Components in React Native

Most of the react native developers are shifting from class-based components to functional components. You can even see changes in the examples given in the official documentation of react native. Many of them are demonstrated using functional components. In this react native tutorial, I am going to show you the basics of functional component with …

Functional Components in React Native Read More »

How to use Pressable Component in React Native

The Pressable is a new core component introduced in React Native version 0.63. It is basically a wrapper that detects touch interactions. It is a well-defined component and can be used instead of touchable components such as TouchableOpacity, Button, etc. The Pressable component is very easy to implement as given below. The Pressable component has …

How to use Pressable Component in React Native Read More »

React Navigation v5 Tutorial Series (Part 1): How to Navigate from One Screen to Another in React Native

Undoubtedly, React Navigation is the most popular library used by react native developers for proper navigation. React Navigation version 5 released recently and it has brought so many changes. Hence I am beginning a new react native tutorial series where you can learn more about react navigation. In this blog post, let’s see how to …

React Navigation v5 Tutorial Series (Part 1): How to Navigate from One Screen to Another in React Native Read More »

How to Style a Text Component with Shadows in React Native

Shadows are pretty useful to create beautiful designs. In react native, we use style props such as elevation to add shadows to different components. But how to add shadows to a text component in react native. Let’s check. A text can be given shadows using three text style props of react native- textShadowOffset, textShadowColor, and …

How to Style a Text Component with Shadows in React Native Read More »

How to Darken Background Image in React Native

In react native, ImageBackground component is used to set a background image for a screen. The ImageBackground component should be the parent and all other components should be its children. Sometimes, we might need to tweak the background images to create visually beautiful screens. In this blog post, I will explain how to darken background …

How to Darken Background Image in React Native Read More »