Akul Srivastava akulsr0
akulsr0
/ RNUIAPP - LoginScreen1.jsx
Created
August 18, 2020 12:38
React Native UI App - Login Screen 1
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react'; | |
| import { | |
| StyleSheet, | |
| Text, | |
| View, | |
| TextInput, | |
| Image, | |
| Dimensions, | |
| TouchableOpacity, | |
| TouchableWithoutFeedback, |
akulsr0
/ RNUIAPP - LoginScreen2.jsx
Created
August 18, 2020 12:52
React Native UI App - Login Screen 2
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { useEffect } from 'react'; | |
| import { | |
| StyleSheet, | |
| Text, | |
| View, | |
| TextInput, | |
| StatusBar, | |
| Keyboard, | |
| TouchableWithoutFeedback, | |
| TouchableOpacity, |
akulsr0
/ RNUIAPP - SearchScreen1.jsx
Created
August 18, 2020 12:53
React Native UI App - Search Screen 1
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { useState, useEffect } from 'react'; | |
| import { | |
| StyleSheet, | |
| Text, | |
| View, | |
| TextInput, | |
| StatusBar, | |
| TouchableOpacity, | |
| Image, | |
| ScrollView, |
akulsr0
/ RNUIAPP - PaymentScreen1.jsx
Created
August 18, 2020 12:54
React Native UI App - Payment Screen 1
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { useState, useEffect } from 'react'; | |
| import { | |
| StyleSheet, | |
| Text, | |
| View, | |
| StatusBar, | |
| TouchableOpacity, | |
| Image, | |
| TextInput, | |
| Alert, |
akulsr0
/ RNUIAPP - PaymentScreen1.jsx
Created
August 18, 2020 12:54
React Native UI App - Payment Screen 1
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { useState, useEffect } from 'react'; | |
| import { | |
| StyleSheet, | |
| Text, | |
| View, | |
| StatusBar, | |
| TouchableOpacity, | |
| Image, | |
| TextInput, | |
| Alert, |
akulsr0
/ RNUIAPP - InstagramCloneHome.jsx
Last active
February 4, 2024 21:41
React Native UI App - Instagram Home Screen Clone
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { useState, useEffect } from 'react'; | |
| import { | |
| StyleSheet, | |
| Text, | |
| View, | |
| ScrollView, | |
| Image, | |
| TouchableOpacity, | |
| StatusBar, | |
| Dimensions, |
akulsr0
/ RNUIAPP - RNBottomTabs.jsx
Last active
April 12, 2023 10:32
React Native UI App - React Navigation Bottom Tabs
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react'; | |
| import { StyleSheet, Text, View } from 'react-native'; | |
| // npm i @react-navigation/bottom-tabs react-native-elements | |
| import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; | |
| import { Icon } from 'react-native-elements'; | |
| function TabA() { | |
| return ( | |
| <View style={styles.container}> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react'; | |
| import { StyleSheet, Text, View } from 'react-native'; | |
| // npm install @react-navigation/material-top-tabs react-native-tab-view | |
| import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs'; | |
| function TabA() { | |
| return ( | |
| <View style={styles.container}> | |
| <Text style={styles.text}>Tab A</Text> |
akulsr0
/ RNUIAPP - DrawerScreen.jsx
Last active
July 27, 2022 13:16
React Native UI App - Drawer Screen
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react'; | |
| import { StyleSheet, Text, View } from 'react-native'; | |
| // npm install @react-navigation/drawer | |
| import { createDrawerNavigator } from '@react-navigation/drawer'; | |
| import { NavigationContainer } from '@react-navigation/native'; | |
| function ScreenA() { | |
| return ( | |
| <View style={styles.container}> |
akulsr0
/ RNUIAPP - ChatScreen1.jsx
Created
August 24, 2020 07:31
React Native UI App - Chat Screen 1
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React, { useState, useEffect } from 'react'; | |
| import { | |
| StyleSheet, | |
| Text, | |
| View, | |
| Image, | |
| TextInput, | |
| TouchableOpacity, | |
| TouchableWithoutFeedback, | |
| Keyboard, |
OlderNewer