November 1, 2018 / by STW Services / Javascript frameworks, Reactnative / 0 comments
Post Views: 700 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
Process to get data from Youtube XML : Part 7
February 4, 2019 / by Sandeep Mishra / Javascript frameworks, Reactnative / 0 comments
Post Views: 852 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: 756 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: 740 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
Navigation Screen Using React Navigation : Part 10
December 12, 2018 / by Sandeep Mishra / Javascript frameworks, Reactnative / 0 comments
Post Views: 737 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: 724 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: 729 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: 700 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: 713 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: 695 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