In android version it's not working

[devmegaminds]

Hello,
I am developing an application in version android and ios version, I want to set draggable image and text on ImageBackground,
in the ios version[image and text id draggable], it's work fine but in the android version I can't drag [text is draggable but image is not draggable ]

[BiPhan]

In Draggable.js, you add this style:
{
height: maxY,
width: maxX,
}
I hope it will be useful.

[tushar-bole-aera]

In android passing the children within the draggable does not seem to be working instead you can use imageSource prop of Draggable to use image. Also embed Text in Image with help of UX for Android. I've created below conditional rendering for iOS and Android which is working fine for me. For iOS you can use Child elements as you wish.

const FloationgActionButton = (props) => {
  if (Platform.OS === IOS_PLATFORM) {
    return (
      <Draggable
        minY={-250}
        maxY={0}
        minX={0}
        maxX={Dimensions.get('window').width * 0.75}
        onShortPressRelease={props.onPress}>
        <View style={styles.buttonStyle}>
          <Image
            source={props.icon}
            resizeMode={'contain'}
            style={styles.imageStyle}
          />
        </View>
      </Draggable>
    );
  } else {
    return (
      <Draggable
        x={30}
        y={Dimensions.get('window').height * 0.82}
        minY={Dimensions.get('window').height * 0.43}
        maxY={Dimensions.get('window').height * 0.88}
        minX={30}
        maxX={Dimensions.get('window').width - 30}
        renderColor={'white'}
        onShortPressRelease={props.onPress}
        imageSource={props.icon}
        renderSize={Dimensions.get('window').width * 0.12}
        debug={false}
        isCircle={true}
      />
    );
  }
};