Skip to content

Instantly share code, notes, and snippets.

View akulsr0's full-sized avatar

Akul Srivastava akulsr0

View GitHub Profile
@akulsr0
akulsr0 / RNUIAPP - SwipeListView.jsx
Created September 4, 2020 06:59
React Native UI App - Swipe List View
import React, { useState, useRef } from 'react';
import {
StyleSheet,
Text,
View,
TouchableOpacity,
TouchableWithoutFeedback,
Image,
} from 'react-native';
@akulsr0
akulsr0 / RNUIAPP - Carousel.jsx
Created September 4, 2020 06:49
React Native UI App - Carousel
@akulsr0
akulsr0 / RNUIAPP - ConfettiCanon.jsx
Last active February 12, 2023 19:10
React Native UI App - Confetti Canon
import React, { useRef, useState } from 'react';
import {
StyleSheet,
Text,
View,
TextInput,
TouchableOpacity,
} from 'react-native';
import ConfettiCannon from 'react-native-confetti-cannon';
@akulsr0
akulsr0 / RNUIAPP - YoutubeClone.jsx
Created August 28, 2020 18:09
React Native UI App - Youtube Clone (UI Home)
import React, { useEffect, useState } from 'react';
import {
StyleSheet,
Text,
View,
StatusBar,
TouchableOpacity,
ScrollView,
Image,
Dimensions,
@akulsr0
akulsr0 / RNUIAPP - LoginScreen4.jsx
Last active May 12, 2023 11:56
React Native UI App - Login Screen 4
import React from 'react';
import {
StyleSheet,
Text,
View,
Image,
TextInput,
TouchableOpacity,
TouchableWithoutFeedback,
Dimensions,
@akulsr0
akulsr0 / RNUIAPP - LoginScreen3.jsx
Last active March 6, 2022 12:45
React Native UI App - Login Screen 3
import React, { useState, useEffect } from 'react';
import {
StyleSheet,
Text,
View,
StatusBar,
TextInput,
TouchableOpacity,
TouchableWithoutFeedback,
Keyboard,
@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,
@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 - 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 - 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}>