February 14, 2019 / by STW Services / Javascript frameworks, Reactnative / 0 comments
Post Views: 719 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 ‘react’; import { View, Text } from ‘react-native’; import CardWrapper from ‘../common/CardWrapper’; import CardInner from ‘../common/CardInner’; class VideoList extends Component { render() { […]
Read more
Front Runner in Innovation
Card Design with Props and Children : Part 4
March 15, 2019 / by Sandeep Mishra / Javascript frameworks, Reactnative / 0 comments
Post Views: 852 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 good design view for all listing. These are common component which we can use many places in app Now we will create Cards […]
Read more
Youtube video XML url : Part 5
March 5, 2019 / by Sandeep Mishra / Javascript frameworks, Reactnative / 0 comments
Post Views: 1,608 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 . Open that tab and it will display playlist. Click on any play list and you will see url of play list https://www.youtube.com/watch?v=DPbnQFxdpPg&list=LLA34Z3lq8FozSQzDHsSLcmQ […]
Read more
Design Video List Component : Part 6
February 14, 2019 / by STW Services / Javascript frameworks, Reactnative / 0 comments
Post Views: 719 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 ‘react’; import { View, Text } from ‘react-native’; import CardWrapper from ‘../common/CardWrapper’; import CardInner from ‘../common/CardInner’; class VideoList extends Component { render() { […]
Read more
Process to get data from Youtube XML : Part 7
February 4, 2019 / by Sandeep Mishra / Javascript frameworks, Reactnative / 0 comments
Post Views: 866 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 display image and Title to show on top of Card XML display data different way than Json. So first we parse xml data […]
Read more
Process to call state values : Part 8
January 13, 2019 / by STW Services / Javascript frameworks, Reactnative / 0 comments
Post Views: 780 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 our design and place value of each array items untill it is null So it will not be a good idea to write […]
Read more
Create a button component : Part 9
January 3, 2019 / by STW Services / Javascript frameworks, Reactnative / 0 comments
Post Views: 760 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 react-native Touchable opacity so some animation on press so we will use this and later we will call onPress funtion to navigate on […]
Read more