1.0.5 • Published 2 years ago
image-with-text-component v1.0.5
image-with-text-component
A react native component that show image with text
Features
- Pure JS.
- Compatible with both iOS and Android.
- Auto position. (Won't be covered or clipped by the edge of screen.)
- Highly customizable.
if you didn't passed subtitle it will appear as second image if you passed subtitle it will appear as first image
if you want to show image from URI use imageUri. or show an image from project just use image
Tech
- if you want to show image from URI use imageUri param
- to show a image from project just use image param
- how ever one of the params is required
Installation
npm i image-with-text-componentExample
Import this module:
import ProfileImageWithText from 'image-with-text-component';Use as a component:
<ProfileImageWithText
title='Manojkanth'
subTitle='Mobile dev'
imageUri='https://reactjs.org/logo-og.png'
imageViewStyle={{resizeMode: 'repeat'}} />| Prop | Type | Optional | Default | Description |
|---|---|---|---|---|
| title | String | NO | empty | This is the header title of this component |
| subTitle | String | YES | empty | This is the subtitle of this component. if you want to hide this field just ignore or pass empty string |
| imageWidthConstant | Number | YES | 30 | this will set image Width and Height. NOTE: image width is equal to height |
| imageUri | String | No | '' | use this params to so an image from URL |
| image | String | No | '' | to show an image from project (Note: Please one of image or imageUri must be passed) |
| profileImageContainerStyle | String | No | '' | style of Profile Image Container |
| titleStyle | Object | No | '' | style of title text |
| subTitleStyle | Object | No | '' | style of subtitle text |
| imageViewStyle | Object | No | '' | style of image |
Development
Any suggestion is welcome.