malformed calls from js field sizes are different about react-native-color-wheel HOT 2 CLOSED

Found the solution. The problem comes from <Image /> width and height setting, because radius is undefined when first render.

Just set specify width and height is a workaround.

        <Image
          // style={[styles.img, 
          //         {
          //           height: radius ? radius * 2 - this.props.thumbSize : 0,
          //           width: radius ? radius * 2 - this.props.thumbSize : 0
          //         }]}
          style={[styles.img, 
            {
              height: Dimensions.get('window').width * 3/5,
              width: Dimensions.get('window').width * 3/5
            }]}
          source={ColorWheelImage}
        />

But I can't figure out why caculate width and height, any one has better solution ?

from react-native-color-wheel.

The image needs to be smaller than the touch box because the thumb can be on the edge of the circle. This problem has already been fixed (defining the radius in the state). If you use the master branch version it should work fine. The version on npm is likely out of date.

from react-native-color-wheel.