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...
Front Runner in Innovation Front Runner in InnovationCard Design with Props and Children : Part 4
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
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
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 XML : Part 7
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
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...
Create a button component : Part 9
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 Screen Using React Navigation : Part 10
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 : Part 11
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...