rn-faiez-components
v0.0.34
Published
A react native based helper components
Downloads
24
Maintainers
Readme
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>
)
}