Skip to content

Instantly share code, notes, and snippets.

View aravi365's full-sized avatar
👨‍💻
Code never lies comments do!

Aravind M Nair aravi365

👨‍💻
Code never lies comments do!
  • Kochi, Kerala, IN
View GitHub Profile
import {
widthPercentageToDP as wp,
heightPercentageToDP as hp,
} from 'react-native-responsive-screen';
const size = {
font1: hp('3%'),
font2: hp('2.88%'),
font3: hp('1.9%'),
font4: hp('1.6%'),
font5: hp('1.62%'),
import {AlertBox,Header,Button,Avatar} from './components
@aravi365
aravi365 / index.js
Created February 23, 2022 05:39
components/index.js
export { default as AlertBox } from '. /AlertBox/AlertBox';
export { default as Header } from '. /Header/Header';
export { default as Button } from '. /button/Button';
export { default as Avatar } from '. /avatar/Avatar';
@aravi365
aravi365 / Screen.js
Last active February 23, 2022 05:35
import AlertBox from 'components/AlertBox/AlertBox';
import Header from 'components/Header/Header';
import Button from 'components/Button/Button';
import Avatar from 'components/Avatar/Avatar';
import React from 'react';
import {Text, View, FlatList} from 'react-native';
import {withLoaderList} from './withLoaderList';
const ListWithLoader = withLoaderList(FlatList);
export default function ListScreen() {
//states for loading and list data
const [listData, setListData] = React.useState([]);
const [loading, setLoading] = React.useState(false);
//fetch data from API
React.useEffect(() => {
import React from 'react';
import {ActivityIndicator} from 'react-native';
export const withLoaderList =
Comp =>
({isLoading, ...props}) => {
if (isLoading) {
return <ActivityIndicator color={'green'} />;
} else {
return <Comp {...props} />;
module.exports = {
project: {
ios: {},
android: {},
},
assets: ['./App/assets/fonts'],
};
# Podfile content
source 'https://cdn.cocoapods.org/'
platform :ios, '9.0'
target 'iNTELLi' do
# React Native
rn_path = '../node_modules/react-native'
rn_maps_path = '../node_modules/react-native-maps'

Keybase proof

I hereby claim:

  • I am aravi365 on github.
  • I am aravindmnair (https://keybase.io/aravindmnair) on keybase.
  • I have a public key ASA1VVmhXl6TVexRYyVOAb277NcvCbjeZOaWtj9il4gxoAo

To claim this, I am signing this object:

import React from 'react';
import {
StyleSheet,
Text,
TextInput,
View,
Button,
ToastAndroid,
} from 'react-native';