Skip to content

Instantly share code, notes, and snippets.

View akulsr0's full-sized avatar

Akul Srivastava akulsr0

View GitHub Profile
@akulsr0
akulsr0 / RNUIAPP - LoginScreen1.jsx
Created August 18, 2020 12:38
React Native UI App - Login Screen 1
import React from 'react';
import {
StyleSheet,
Text,
View,
TextInput,
Image,
Dimensions,
TouchableOpacity,
TouchableWithoutFeedback,
@akulsr0
akulsr0 / RNUIAPP - LoginScreen2.jsx
Created August 18, 2020 12:52
React Native UI App - Login Screen 2
import React, { useEffect } from 'react';
import {
StyleSheet,
Text,
View,
TextInput,
StatusBar,
Keyboard,
TouchableWithoutFeedback,
TouchableOpacity,
@akulsr0
akulsr0 / RNUIAPP - SearchScreen1.jsx
Created August 18, 2020 12:53
React Native UI App - Search Screen 1
import React, { useState, useEffect } from 'react';
import {
StyleSheet,
Text,
View,
TextInput,
StatusBar,
TouchableOpacity,
Image,
ScrollView,
@akulsr0
akulsr0 / RNUIAPP - PaymentScreen1.jsx
Created August 18, 2020 12:54
React Native UI App - Payment Screen 1
import React, { useState, useEffect } from 'react';
import {
StyleSheet,
Text,
View,
StatusBar,
TouchableOpacity,
Image,
TextInput,
Alert,
@akulsr0
akulsr0 / RNUIAPP - PaymentScreen1.jsx
Created August 18, 2020 12:54
React Native UI App - Payment Screen 1
import React, { useState, useEffect } from 'react';
import {
StyleSheet,
Text,
View,
StatusBar,
TouchableOpacity,
Image,
TextInput,
Alert,
@akulsr0
akulsr0 / RNUIAPP - InstagramCloneHome.jsx
Last active February 4, 2024 21:41
React Native UI App - Instagram Home Screen Clone
import React, { useState, useEffect } from 'react';
import {
StyleSheet,
Text,
View,
ScrollView,
Image,
TouchableOpacity,
StatusBar,
Dimensions,
@akulsr0
akulsr0 / RNUIAPP - RNBottomTabs.jsx
Last active April 12, 2023 10:32
React Native UI App - React Navigation Bottom Tabs
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}>
@akulsr0
akulsr0 / RNUIAPP - TopTabs.jsx
Created August 19, 2020 19:02
React Native UI App - Top Tabs
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
akulsr0 / RNUIAPP - DrawerScreen.jsx
Last active July 27, 2022 13:16
React Native UI App - Drawer Screen
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
akulsr0 / RNUIAPP - ChatScreen1.jsx
Created August 24, 2020 07:31
React Native UI App - Chat Screen 1
import React, { useState, useEffect } from 'react';
import {
StyleSheet,
Text,
View,
Image,
TextInput,
TouchableOpacity,
TouchableWithoutFeedback,
Keyboard,