Akul Srivastava akulsr0

A geek who loves to develop apps.

akulsr0 / RNUIAPP - ContactsScreen.jsx

Created October 30, 2020 05:27

React Native UI - Contacts Screen

	import React, { useState, useEffect } from 'react';
	import {
	ActivityIndicator,
	StatusBar,
	Image,
	Text,
	TouchableOpacity,
	Alert,
	View,
	} from 'react-native';

akulsr0 / RNUIAPP - TimeAgo.jsx

Created October 23, 2020 11:55

React Native UI - TimeAgp

	import React from 'react';
	import {
	Text
	} from 'react-native';

	import TimeAgo from 'react-native-timeago';

	export default function App() {
	return (
	<Text style={{ fontSize: 18 }}>

akulsr0 / RNUIAPP - VictoryChart.jsx

Created October 23, 2020 11:20

React Native UI - BarChart

akulsr0 / RNUIAPP - ProfileScreen1.jsx

Created October 21, 2020 07:55

React Native UI - Profile Screen 1

	import React, { useState } from 'react';
	import {
	StyleSheet,
	Text,
	View,
	ScrollView,
	TouchableOpacity,
	Image,
	ActivityIndicator,
	Dimensions,

akulsr0 / RNUIAPP - SocialUI2.jsx

Created October 20, 2020 08:20

React Native UI - Social UI 2

	import React, { useEffect, useState } from 'react';
	import {
	ActivityIndicator,
	StyleSheet,
	Text,
	View,
	StatusBar,
	TextInput,
	TouchableOpacity,
	ScrollView,

akulsr0 / RNUIAPP - SocialUI1.jsx

Created October 19, 2020 10:13

React Native UI - Social UI 1

	import React, { useState } from 'react';
	import {
	StyleSheet,
	Text,
	View,
	Image,
	TextInput,
	TouchableOpacity,
	ScrollView,
	ActivityIndicator,

akulsr0 / RNUIAPP - FlipCard.jsx

Created October 2, 2020 14:15

React Native UI App - Flip Card

	import React, { useRef } from 'react';
	import {
	Text,
	TouchableOpacity
	} from 'react-native';

	// npm install react-native-card-flip
	import CardFlip from 'react-native-card-flip';

	export default function FlipCard() {

akulsr0 / RNUIAPP - ProductListScreen1.jsx

Last active February 17, 2023 04:48

React Native UI App - Product List Screen 1

	import React, { useEffect, useState } from 'react';
	import {
	StyleSheet,
	Text,
	View,
	StatusBar,
	Image,
	TouchableOpacity,
	ScrollView,
	} from 'react-native';

akulsr0 / RNUIAPP - LoadingPlaceholderScreen.jsx

Created September 15, 2020 11:54

React Native UI App - Loading Placeholder Screen

	import React, { useState, useEffect } from 'react';
	import {
	StyleSheet,
	Text,
	View,
	StatusBar,
	TouchableOpacity,
	Image,
	ScrollView,
	} from 'react-native';

akulsr0 / RNUIAPP - ProductScreen1.jsx

Created September 13, 2020 15:34

React Native UI App - Product Screen 1

	import React, { useState, useEffect, useRef } from 'react';
	import {
	StyleSheet,
	Text,
	View,
	ScrollView,
	StatusBar,
	TouchableOpacity,
	Image,
	} from 'react-native';