February 14, 2019 / by STW Services / Javascript frameworks, Reactnative / 0 comments
Post Views: 702 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
React Native Installation iOS and Windows : Part 1
May 8, 2019 / by Sandeep Mishra / Javascript frameworks, Reactnative / 0 comments
Post Views: 946 React Native Installation iOS and Windows : Part 1- We often need to list youtube video of a playlist and play it in Android and IOS App . Youtube easily provide data in xml by playlist id. Here I am going to explain how to parse video xml and play video using […]
Read more
Registering Component in React Native : Part 2
April 16, 2019 / by Sandeep Mishra / Javascript frameworks, Reactnative / 0 comments
Post Views: 2,637 Registering component process in react native, open your project folder. In root you can see index.js and App.js . In older version files name are index.ios.js and index.android.js. But it does not matter if you are coding for android you can use index.android.js and if you are coding for IOS you can […]
Read more
Header Card Component in React Native : Part 3
April 6, 2019 / by Sandeep Mishra / Javascript frameworks, Reactnative / 0 comments
Post Views: 1,552 Card component use to create Header in react native. Now we will create a common folder for common design component . By Using props and children props we will get data in these design component. Create new folder src in your project folder Now create a new folder common in src folder […]
Read more
Card Design with Props and Children : Part 4
March 15, 2019 / by Sandeep Mishra / Javascript frameworks, Reactnative / 0 comments
Post Views: 839 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,587 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: 702 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: 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