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 . 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 In this url […]

Read more

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 ‘react’; import { View, Text } from ‘react-native’; import CardWrapper from ‘../common/CardWrapper’; import CardInner from ‘../common/CardInner’; class VideoList extends Component { render() { return ( <View> […]

Read more

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 react-native Touchable opacity so some animation on press so we will use this and later we will call onPress funtion to navigate on another page to […]

Read more

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 command prompt and run this command npm install –save react-navigation If you want to read more about react navigation please go here https://facebook.github.io/react-native/docs/navigation.html When installation is complete. […]

Read more

Calling component by navigation props : Part 12

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 a function renderIndex before render() function and call it in return renderIndex() { this.props.navigation.navigate(‘Index’); } And in return () function after header component replace <Index /> with { this.renderIndex() } So now […]

Read more

1 2 3 4 5 9
top