Michaelvilleneuve / react-native-perspective-image-cropper

Perform custom crop, resizing and perspective correction 📐🖼
MIT License
306 stars 128 forks source link

typeError : null is not object (evaluating 'this.state.rectangleCoordinates') #49

Open shahzaibali-code opened 4 years ago

shahzaibali-code commented 4 years ago

import {StyleSheet, Text} from 'react-native'; import React from 'react';

import {Colors, TouchableOpacity} from 'react-native/Libraries/NewAppScreen'; import CustomCrop from 'react-native-perspective-image-cropper';

export default class App extends React.Component { componentDidMount() { const image = 'base64ImageString'; this.Image.getSize(image, (width, height) => { this.setState({ imageWidth: width, imageHeight: height, initialImage: image, rectangleCoordinates: { topLeft: {x: 10, y: 10}, topRight: {x: 10, y: 10}, bottomRight: {x: 10, y: 10}, bottomLeft: {x: 10, y: 10}, }, }); }); }

updateImage(image, newCoordinates) { this.setState({ image, rectangleCoordinates: newCoordinates, }); } crop() { this.customCrop.crop(); } render() { return (

(this.customCrop = ref)} overlayColor="rgba(18,190,210, 1)" overlayStrokeColor="rgba(20,190,210, 1)" handlerColor="rgba(20,150,160, 1)" enablePanStrict={false} /> CROP IMAGE ); } } see my code
rosentoshev commented 4 years ago

I am getting the same error. Any updates?