
Create About Page with Working Social Network Links in React Native App in Hindi #9
Welcome Guys,
In the previous video, we have created a Student Details screen that displays like Netflix Horizontal Scrolling Effect in the Online Education App of React Native Project.
Check out the previous video,
Fetch API Students Data & Display like Netflix Horizontal Scrolling Effect in React Native by Thapa Technical: https://youtu.be/irNeZ3alYtI
Today, we will create the About screen in the Online Education App of React Native Project.
In this video, we have created Name, Title, Image, Description, Social Icons in About Screen. Then, Learned about the Linking method to open a particular URL when the user clicked any social icon. Finally, we have added CSS styles in each component to make our App UI awesome.
🆓 Free Source Code: https://www.thapatechnical.com/2022/02/react-native-project-in-2022.html
😍 Check my Instagram to Connect with me: https://www.instagram.com/thapatechnical
----------- Timeline -------------
00:00 Intro
00:12 Preview of About Screen
00:20 Checkout Previous Video
00:24 Free Source Code
00:44 Folder Structure
01:05 Add Name in About Screen
01:24 Add Title in About Screen
02:02 Comment below to know about custom snippet
02:16 Add Image in About Screen
02:50 Add Description in About Screen
03:48 Add Header of social networks in About Screen
04:07 Add Social icons in About Screen
04:38 Add image in Social icon
05:40 Implement onPress() & Linking in Social icon
06:30 Add other social icons in About screen
07:02 Run the App
07:24 Why image is not displayed in About Screen?
07:40 Add styles in About Container
08:01 Add styles in Image
08:31 Add styles in main Header
09:02 Add styles in Title
10:01 Add styles in About Me section
10:50 Add styles in Description of About Me section
11:44 Add multiple styles in Description of About Me
12:25 Add styles in Icons
13:00 How to display icons side by side
13:43 Final Output of App
14:37 Write some comments about Today's video
14:47 Join Discord Server to solve any doubt
15:55 Free Source Code & Subscribe
************* Must Watch Videos For Web Development *************
😍😍 Check Programming Videos in One Hour👇
➡️ HTML in One Video: https://youtu.be/pN7BFLfSjFw
➡️ CSS in One video: https://youtu.be/hkQv0NIxKQY
➡️ CSS FlexBox in 30 Minutes: https://youtu.be/6L-PAmZajfA
➡️ JavaScript in One video: https://youtu.be/PODgPW-hbfU
➡️ ECMAScript 6 in One Video: https://youtu.be/Iek4DtRobLA
➡️ HTML5 in one video: https://youtu.be/4V0-YpO-KZo
➡️ CSS3 in one video: https://youtu.be/TFrFx7H5ZI8
➡️ Bootstrap4 in One video: https://youtu.be/yZnNnvXO8HI
➡️ Jquery in One video: https://youtu.be/PNvyPEQ0y-I
➡️ JSON in one video: https://youtu.be/bMqevPKAPD4
➡️ ReactJS in one video: https://youtu.be/43IbFDSVdB0
➡️ PHP in One Video: https://youtu.be/3024Kc6SDJ0
➡️ NodeJS in one video: https://youtu.be/ipnWAKoiBt
➡️ MySQL in one video: https://youtu.be/5bFxbwjN-Gk
*********** CLICK HERE TO WATCH *************
➡️ Fetch API in JavaScript: https://youtu.be/TojSXOuGUW4
➡️ Advanced JavaScript in Hindi Playlist: https://www.youtube.com/playlist?list=PLwGdqUZWnOp0hSGwasCjbrWSPrEKqB_kz&disable_polymer=true
➡️ ECMAScript Tutorial in Hindi 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp19VX-DM4oHtmWhDfWblFh-
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: https://youtu.be/Iek4DtRobLA
➡️ JavaScript Game Development Series in 2020: https://www.youtube.com/playlist?list=PLwGdqUZWnOp1Ub0K1CBuLxLOEN6wTq2bg
➡️ Source Code Link: https://www.thapatechnical.com/2019/11/how-to-get-source-code.html
➡️ Top 5 Programming Languages in 2020: https://youtu.be/czroY5nAD0c
➡️ Ludo Game JavaScript Link: https://youtu.be/_tlncjn1JpU
➡️Plz show some love to My Siter Youtube Channel and Plz Subscribe Link: https://www.youtube.com/channel/UCEst8yZ12JEYsSVVXmtU7GQ
***************** MUST WATCH VIDEOS ******************
➡️ How to become a Full Stack Developer 2020: https://youtu.be/etZ4jq_YjyM
➡️ How To Become a Web Developer 2020: https://youtu.be/Ur9LGVT-GXs
➡️ How JavaScript Works: https://youtu.be/VaBP6_pBOgM
➡️ Follow me on Instagram: https://www.instagram.com/vinodthapa55/
Make Website Responsive Using Media Queries in One Video in Hindi | Web Design Tutorial in Hindi
➡️ Link: https://youtu.be/cKR9gzco3Kc
Guys, Please support my channel by SUBSCRIBE to my channel and share my videos in your Social Network TimeLines.
Don't Forget to Follow me on all Social Network,
Website Link: https://www.thapatechnical.com
Instagram Link: https://www.instagram.com/vinodthapa55
Facebook Link: https://www.facebook.com/vinodthapa55
Twitter Link: https://twitter.com/vb55thapa
Facebook ThapaTechnical Page Link: https://www.facebook.com/vinodbahadurthapa/?ref=aymt_homepage_panel&eid=ARCTi5kdE1POliSOXnW51qZdo6NcpcSOqrioqut1KDac_CfgY5OCey-vcHlgRDgc_OK6eYNFCF_Rrfiq
