React Native
About Lesson

In this React Native video tutorial we want to learn How to Use Cards in React Native, in React Native card is a component that is used to display information in rectangular container with border and a shadow effect. Cards are often used to display content in a visually appealing and organized manner. they can contain text, images, buttons and other components.

React Native provides several ways to create cards such as using the View component with styles for borders and shadows, or using third party libraries that offer pre designed card components, in this video we want to use third party library that is called React Native Paper.


What is React Native Paper ?

React Native Paper is cross platform library for building user interfaces in React Native. it provides pre designed components that conform to Material Design guidelines and this makes it easy to create beautiful and consistent UIs.

React Native Paper is built on top of the React Native framework and uses the same principles and concepts, such as components, props and state. it provides different components such as buttons, cards, dialogs, lists and many more that can be easily customized to match the look and feel of your app.


These are some of the key features of React Native Paper:

  1. Material Design: React Native Paper follows the Material Design guidelines which provide a set of design principles and visual guidelines for creating a consistent and visually appealing user interface.
  2. Customizable: React Native Paper provides pre designed components that can be easily customized to match the style of your app. you can change the colors, typography and other design elements to create unique look and feel.
  3. Accessibility: React Native Paper is designed with accessibility in mind. it provides support for features such as screen readers, keyboard navigation and high contrast mode.
  4. Theming: React Native Paper provides theming system that allows you to easily change the overall look and feel of your app. you can define theme that includes custom colors, typography, and other design elements and then apply it to your app.
  5. Easy to use: React Native Paper provides simple and easy API that makes it easy to add pre designed components to your app. components are well documented and the library provides examples and demos to help you get started.
Join the conversation