Skip to content

This component is used for clipping image with animation.

Notifications You must be signed in to change notification settings

UnPourTous/react-native-clip-image

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

This component is used for clipping image with animation.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published