AnimatedLogo
This component will show waves effect on border of Logo Image Example
<AnimatedLogo
borderColor={'color'}
borderRadius={'number'}
duration={'number'}
fontColor={'color'}
image={<Image source={require('../../../assets/avatar07.png')}/>}
size={'number'}
/>
Props
Prop | Type | Default | Required | Description |
---|---|---|---|---|
borderColor | string | Colors.white | Yes | Color of wave |
borderRadius | number | Yes | border radius of avatar component | |
borderWidth | number | Yes | border width of avatar component | |
color | string | Yes | icon color of avatar component | |
icon | string | Yes | icon avatar component | |
image | shape[object Object] | Yes | logo image e.g. |
|
size | number | Yes | size of logo | |
zIndex | number | Yes | zIndex color of avatar component | |
duration | number | Yes | duration of wave animation start again |