Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Pellentesque diam sem, hendrerit ut faucibus sit amet, bibendum vel lacus. Nunc molestie magna sed sapien ornare tempus. Curabitur venenatis ipsum nec ligula placerat sollicitudin libero lorem.
Learn more
Aliquam erat volutpat. Pellentesque varius varius elit ac consectetur. Nunc varius, diam ut malesuada aliquam, odio ante faucibus erat, nec semper mauris arcu id turpis. Nulla at tincidunt arcu.
Sed suscipit, metus ac fermentum condimentum, justo lectus vehicula eros, sed accumsan mi risus ut velit. Donec sollicitudin lacus vitae mauris mattis tempor.
Process to call state values : Part 8
January 13, 2019 / by stw / Javascript frameworks, Reactnative / 0 comments
Post Views: 506 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 / Javascript frameworks, Reactnative / 0 comments
Post Views: 515 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 stw / Javascript frameworks, Reactnative / 0 comments
Post Views: 522 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 stw / Javascript frameworks, Reactnative / 0 comments
Post Views: 504 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 / Javascript frameworks, Reactnative / 0 comments
Post Views: 529 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 / Javascript frameworks, Reactnative / 0 comments
Post Views: 481 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 / Javascript frameworks, Reactnative / 0 comments
Post Views: 515 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 / Javascript frameworks, Reactnative / 0 comments
Post Views: 531 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