Skip to content

Instantly share code, notes, and snippets.

View akulsr0's full-sized avatar

Akul Srivastava akulsr0

View GitHub Profile
@akulsr0
akulsr0 / RNUIAPP - ChatsListScreen1.jsx
Created September 12, 2020 06:55
React Native UI App - Chats List Screen 1
import React, { useState, useEffect } from 'react';
import {
StyleSheet,
Text,
View,
TouchableOpacity,
ScrollView,
Modal,
Alert,
Image,
@akulsr0
akulsr0 / RNUIAPP - LoginScreen5.jsx
Created September 8, 2020 07:53
React Native UI App - Login Screen 5 - Phone Number Login
import React from 'react';
import {
StyleSheet,
Text,
View,
TextInput,
Keyboard,
TouchableWithoutFeedback,
TouchableOpacity,
} from 'react-native';
@akulsr0
akulsr0 / RNUIAPP - SwipeRefresh.jsx
Created September 8, 2020 06:37
React Native UI App - Swipe Refresh
import React, { useState, useCallback, useEffect } from 'react';
import {
StyleSheet,
Text,
View,
Image,
ScrollView,
TouchableOpacity,
RefreshControl,
} from 'react-native';
@akulsr0
akulsr0 / RNUIAPP - SeekbarSlider.jsx
Last active February 12, 2023 19:11
React Native UI App - Seekbar Slider
import React, { useState } from 'react';
import {
Text,
View,
} from 'react-native';
// npm i react-native-slider
import Slider from 'react-native-slider';
export default function App() {
@akulsr0
akulsr0 / RNUIAPP - Ratings.jsx
Created September 5, 2020 16:06
React Native UI App - Ratings
import React from 'react';
import {
View,
} from 'react-native';
// npm i react-native-ratings
import { Rating } from 'react-native-ratings';
export default function App() {
return() {
@akulsr0
akulsr0 / RNUIAPP - ProgressBar.jsx
Created September 5, 2020 14:23
React Native UI App - Progress Bar
import React, { useState } from 'react';
import {
Text,
View,
TouchableOpacity,
} from 'react-native';
// npm i react-native-progress
import * as Progress from 'react-native-progress';
@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() {
@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 - 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 - 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