React Native
About Lesson

In this React Native lesson we are going to learn about React Native Cards, so a card is a sheet of material that serves as an entry point to more detailed information. for creating cards in react native we are going to use a third party library that is called react native paper, Paper is a collection of customizable and production-ready components for React Native, following Google’s Material Design guidelines.

 

 

First of all you need to install react native paper.

 

Or you can use npm

 

 

 

This is our CreateCard.js component, we have used Card tag for creating our card, after that you need to give card content like title and paragraph, also i have added an image to my card, make sure that you have already added an image to your working directory, you can use Card.Cover for adding an image to your react native card, using Card.Actions we can add actions like OK, Cancel to our card.

 

 

 

This is our App.js file and we have our Card component in this file.

 

 

 

 

Run your application this will be the result.

React Native Cards
React Native Cards
Thank you for visiting my website! If you enjoyed the free courses, please consider supporting my works on Patreon.
Exercise Files
No Attachment Found
No Attachment Found