1.0.5 • Published 6 years ago

@tu-nguyen-tech/react-native-effect-instagram v1.0.5

Weekly downloads
2
License
MIT
Repository
github
Last release
6 years ago

@tu-nguyen-tech/react-native-effect-instagram

npm version

NPM

A React Native Component various image filters for iOS & Android.

Status

  • iOS & Android:
    • Filter components work as combinable wrappers for standard Image and ImageBackground components
    • Resulting images are being cached in memory
  • react-native:

    • supported versions:

      react-nativemin Android SDKmin iOS version
      >=0.57.1179.0

Installation

To use this library, you will need install react-native-image-filter-kit, please refer to the README / Install.

npm install --save @tu-nguyen-tech/react-native-effect-instagram

or

yarn add @tu-nguyen-tech/react-native-effect-instagram

don't forget to see how to configure react-native-image-filter-kit

Usage

import FilterInstagram from '@tu-nguyen-tech/react-native-effect-instagram'

Example

state = {
  effect: 'Aden'
}

<FilterInstagram
  effect={this.state.effect}
  style={styles.filterInstagram}
  image={{ uri: 'https://tunguyen.tech/media/2019/09/1G2QwxPF2TvWXzRUnA4axoA.jpg' }}
  horizontal
  isShowTextEffect
  textEffect={styles.textEffect}
  effectSelectedStyle={styles.effectSelectedStyle}
  onPressEffectSelected={(effect) => this.setState({ effect })}
/>

Props

PropTypeDescriptionRequiredDefault
imageObjectImageYes
effectStringEffect filter imageYesNormal
onPressEffectSelectedFunctionFunction when press effect item.Yes
isShowTextEffectBooleanShow text effect centerNo
imagePreviewPropsObjectCustom props image previewNo
renderEffectFunctionRender effect customNo

Style

PropTypeDescriptionRequiredDefault
styleObjectCustom style FilterInstagram componentNo
textEffectStyleObjectCustom text effect styleNo
effectSelectedStyleObjectStyle when effect selectedNo
imagePreviewStyleObjectCustom style image previewNo

License

MIT

Library made by TuNguyen

Website: tunguyen.tech