Skip to content

Latest commit

 

History

History
executable file
·
49 lines (39 loc) · 1.48 KB

README.md

File metadata and controls

executable file
·
49 lines (39 loc) · 1.48 KB

react-native-clip-image

JavaScript Style Guide

Introduction

This component depends on react-native-svg. With this component you can clip a image both on android and ios. Since there is an issue about animation on higher version, we recommand using [email protected]

demo

Installation

  1. Install react-native-svg from npm

    npm install [email protected] --save
  2. Link native code

    react-native link react-native-svg
  3. Install react-native-clip-image from npm

    npm install @unpourtous/react-native-clip-image --save

Usage

export default class example extends Component {
  render () {
    return (
      <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
        <ClipImage
          style={{
            borderRadius: 10
          }}
          width={300}
          height={225}
          source={require('./images/monster.png')}
          duration={600}/>
      </View>
    )
  }
}

Thanks