Package Exports

react-native-clippathview

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-clippathview) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

React Native ClipPath

android: api 21+
ios : 10.0+
web: svg

Getting started

$ npm install react-native-clippathview --save

Mostly automatic installation

$ react-native link react-native-clippathview

Yarn

yarn add react-native-clippathview

IOS

Add Swift

(If you are using expo sdk >=42 you don't need to do this)

/ios/name_project

add a .swift file

Usage

import ClipPathView from 'react-native-clippathview'

// TODO: What to do with the module?
    <ClipPathView style={{backgroundColor:'green'}} 

        path={{
        d: myPath,
        viewBox: myViewBox
        }}
        
    
    >
  
        <View >
            <Text style={{color:'white'}}>hello world</Text>
        </View>
        
    </ClipPathView>

Props

Name	description	type	default
path	set the path	Object	undefined
pathScale	set the scale	Number	1
pathRotation	set the rotation	Number	0
pathTranslation	set the translation	Object	0 0