rn-faiez-components v0.0.34

React Faiez Components

React Native Components like native base or chakra ui

version

 0.0.34

Installation

 npm i 'rn-faiez-components'

Components

• Box
• PBox
• Text
• Image
• Input
• Center
• Row
• Column
• Button
• Loader

utils

width -- gives the screen width for ex : width(40) returns 40% of screen width in px height -- gives the screen height for ex : height(40) returns 40% of screen height in px

#Example

 import * as React from 'react';
 import { Box , Text , Center , Image , width  , height} from 'rn-faiez-components';

const image_uri ='https://images.pexels.com/photos/276267/pexels-photo-276267.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2';

 export default function App(){

     return(
         <Box flex={1} p={4} >
            <Center>
                <Text fontSize={22} color={'yellow'} fontWeight={'bold'} mt={5}>
                Hello world
                </Text>
            </Center>
            
             <Image  source={{ uri : image_uri }} width={200} height={height(30)} rounded={8}  />
         </Box>
     )
 }

Loader

 import * as React from 'react';
 import { Box , Loader} from 'rn-faiez-components';


 export default function App(){

     return(
         <Box flex={1} p={4} >
             <Loader isVisible={true} message={'Please Wait , While we load...'} showMessage />
         </Box>
     )
 }