Skip to content

Instantly share code, notes, and snippets.

View akulsr0's full-sized avatar

Akul Srivastava akulsr0

View GitHub Profile
@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 - 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 - 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 - 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 - Carousel.jsx
Created September 4, 2020 06:49
React Native UI App - Carousel
@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 - BottomSheet.jsx
Created September 4, 2020 07:04
React Native UI App - Bottom Sheet
import React, { useRef } from 'react';
import {
StyleSheet,
Text,
View,
TouchableOpacity,
Linking
} from 'react-native';
// npm i react-native-raw-bottom-sheet
@akulsr0
akulsr0 / RNUIAPP - Card.jsx
Created September 4, 2020 07:29
React Native UI App - Cards
import React from 'react';
import {
StyleSheet,
Text,
View,
TouchableOpacity,
} from 'react-native';
// npm i native-base
import { Card, CardItem } from 'native-base';
@akulsr0
akulsr0 / RNUIAPP - Swiper.jsx
Created September 5, 2020 13:17
React Native UI App - Swiper
import React, { useState } from 'react';
import {
View,
Image,
} from 'react-native';
// npm i react-native-swiper
import Swiper from 'react-native-swiper';
export default function App() {
@akulsr0
akulsr0 / RNUIAPP - ZoomableView.jsx
Created September 5, 2020 13:47
React Native UI App - Zoomable View
import React from 'react';
import {
View,
Image,
} from 'react-native';
// npm install @dudigital/react-native-zoomable-view
import ReactNativeZoomableView from '@dudigital/react-native-zoomable-view/src/ReactNativeZoomableView';
export default function App() {