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-component

Example

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.