Header Card Component in React Native : Part 3
Card component use to create Header in react native. Now we will create a common folder for common design component . By Using props and children props we will...
Card component use to create Header in react native. Now we will create a common folder for common design component . By Using props and children props we will...
Card Design is just like to create a boxes to hold Video Title, Video Image and Click button. By Adding some shades border by styling we will add a...
Youtube video XML url : Part 5- So open youtube.com and open a play list Search a channel on youtube and open it. You will find a playlist tab...
Design Video List Component : Part 6- Create a components folder in src folder and add VideoList.js file in it, open this file and start importing component import React, { Component } from...
Process To Get Data From Youtube – If you will see youtube video.xml url, there are many xml node. We need only all video id , thumbnail url to...
Process to call state values : Part 8 – To run all array as loop using our CardWrapper and CardInner, We will use map function . map() will run...
To create a button component we will add new file in common folder of src. Button.js We will import React and Component from react and Text and TouchableOpacity from...
Navigation in react native is based on many plateform which you can install and use from npm. I am going to use here react navigator So open terminal or...
Calling Screens In Stack Navigator- Here one need to notice. When we use navigation we should call all component through navigator props. If you will include direct then props...
Calling component by navigation props- So first open App.js . In this file we have called Index component so now we will call this using navigation here So make...