This is to show the percentage bar around the reactangle with which we can use image inside it or the percentage count inside it
npm install react-native-percentage-rectangleThis is the ScreenShot of how the component will look like.
React-Native-Percentage-Reactangle is a component which let you define your percent and draw the rectangle with image inside it.And also you can use it as a progress bar.And you can show percent if you won't specify the image.
Use the package manager npm to install React-Native-Percentage-Reactangle.
``bash`
npm install React-Native-Percentage-Reactangle
`python``
import PercentageBar from 'react-native-percentage-reactangle';
'//with the source of image imported from directory'
width={100}
percent={45}
borderWidth={5}
/>
'//without the image source it will show you the percent inside it'
percent={20}
borderWidth={10}
/>
'//with the uri source of image '
width={30}
percent={80}
borderWidth={2}
/>
Please make sure to update tests as appropriate.