native-x-image

Wrap this component around another component to enable user interaction

Install

Yarn

yarn add native-x-image

NPM

npm install native-x-image

Note: This module uses react-native-fast-image internally. Make sure you have it configured.

See: react-native-fast-image

Usage

import { Image } from 'native-x-image'

function MyComponent() {
  const onTap = () => {
    // handle action
  }
  return <Image source={{ uri: 'https://' }} />
}

// or with local

function MyComponent({ user }: { user: User }) {
  const onTapUser = (user: User) => {
    // handle action
  }
  return <Image source={require('./local-image.png')} />
}

API

Property	Default Value	Usage
source: Source		Image to show
fill?: boolean	false	Fill width of the container
width?: number		Width of the image
height?: number		Height of the image
resizeMode: ResizeMode	'fill'	Valid values: contain, cover, stretch, center
fallbackSource: Source		Image to show when the image is not available

And all properties from:

• react-native-fast-image

Automatic Release

Here is an example of the release type that will be done based on a commit messages:

Commit message	Release type
fix: [comment]	Patch Release
feat: [comment]	Minor Feature Release
perf: [comment]	Major Feature Release
doc: [comment]	No Release
refactor: [comment]	No Release
chore: [comment]	No Release