November 1, 2018 / by STW Services / Javascript frameworks, Reactnative / 0 comments
Post Views: 702 Creating Component To Display Video – So I added further now we wil make a new file in components folder ViewVideo.js Now we will start adding code in that so first import React and Component import React, { Component } from ‘react’; import { View, Text } from ‘react-native’; class ViewVideo extends […]
Read more
Front Runner in Innovation
Navigation Screen Using React Navigation : Part 10
December 12, 2018 / by Sandeep Mishra / Javascript frameworks, Reactnative / 0 comments
Post Views: 739 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 […]
Read more
Calling Screens in Stack Navigator : Part 11
December 2, 2018 / by Sandeep Mishra / Javascript frameworks, Reactnative / 0 comments
Post Views: 726 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 from one component to another component will not go and we get error when navigate. So before video play we will change all […]
Read more
Calling component by navigation props : Part 12
November 11, 2018 / by STW Services / Javascript frameworks, Reactnative / 0 comments
Post Views: 731 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() […]
Read more
Creating component to display video : Part 13
November 1, 2018 / by STW Services / Javascript frameworks, Reactnative / 0 comments
Post Views: 702 Creating Component To Display Video – So I added further now we wil make a new file in components folder ViewVideo.js Now we will start adding code in that so first import React and Component import React, { Component } from ‘react’; import { View, Text } from ‘react-native’; class ViewVideo extends […]
Read more
Passing Navigation props to screen : Part 14
October 12, 2018 / by STW Services / Javascript frameworks, Reactnative / 0 comments
Post Views: 715 Passing Navigation props to screen – Open View Video.js file and get props video id . so our code should be to get value. this.props.navigation.state.params.vidid; so add const videoId = this.props.navigation.state.params.vidid; Now we can call { vidid } and use to display videoid which is clicked on VideoList page. So to check it […]
Read more
Modifying Navigation & Header : Part 15
October 2, 2018 / by STW Services / Javascript frameworks, Reactnative / 0 comments
Post Views: 697 Modifying Navigation & Header – Copy api key and add in ViewVideo youtube parameter which was null. Now your code is ready to play video. But you can see a arrow in header of page. If you would like to remove it you nee to pass a option in navigator. So add […]
Read more