https://github.com/cloudtenlabs/react-native-expo-image-cropper
Beautiful React-Native Expo Image Cropper
https://github.com/cloudtenlabs/react-native-expo-image-cropper
android crop-image cropper expo flip-image image-manipulation image-processing imagecropper imagecropping ios javascript react react-native rotate-image
Last synced: 7 months ago
JSON representation
Beautiful React-Native Expo Image Cropper
- Host: GitHub
- URL: https://github.com/cloudtenlabs/react-native-expo-image-cropper
- Owner: cloudtenlabs
- License: mit
- Created: 2020-02-21T13:35:07.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-06T16:16:41.000Z (almost 3 years ago)
- Last Synced: 2025-03-06T06:49:47.882Z (7 months ago)
- Topics: android, crop-image, cropper, expo, flip-image, image-manipulation, image-processing, imagecropper, imagecropping, ios, javascript, react, react-native, rotate-image
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/react-native-expo-image-cropper
- Size: 4.08 MB
- Stars: 22
- Watchers: 1
- Forks: 21
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
React Native Expo Image Cropper
iOS and Android
Open on your device!
### Install Dependences
- yarn add react-native-expo-image-cropper
## Example
```javascript
import React from 'react'
import { Dimensions, TouchableOpacity, ImageBackground } from 'react-native'
import { ExpoImageManipulator } from 'react-native-expo-image-cropper'
export default class App extends React.Component {
state = {
showModal: false,
uri: 'https://media.sproutsocial.com/uploads/2017/02/10x-featured-social-media-image-size.png',
}
onToggleModal = () => {
const { showModal } = this.state
this.setState({ showModal: !showModal })
}
render() {
const { uri, showModal } = this.state
const { width, height } = Dimensions.get('window')
return (
this.setState({ showModal: true })} />
{
this.setState({ uri: data.uri })
}}
onToggleModal={() => this.setState({ showModal: !showModal })}
saveOptions={{
compress: 1,
format: 'png',
base64: true,
}}
/>
)
}
}
```
## Run the example!
- Clone this repository
- cd example/
- run yarn or npm install
- enjoy!
## Requirements
* Use it into Expo app (from expo client, Standalone app or ExpoKit app).
* Because we need to have access to `Expo.ImageManipulator`
* Only Expo SDK 33 or Higher
## Features
* Crop and rotate image with `Expo.ImageManipulator`
## Kown Issues
## If you have some problem open a issue
## TO DO
