image - 使用可触摸高亮的自定义按钮：可触摸高亮区域大于图像

Question

我正在尝试使用设计师发送的资产创建自定义按钮。我想使用可触摸的高亮来创建带有图像的按钮。

<TouchableHighlight style={styles.touch}
            onPress={() =>
              Alert.alert('You tapped Sign In!')
            }>
    <Image
     style={styles.button}
     source={require('./signin/SignInButton.png')}
    />
</TouchableHighlight>

touch: {
    backgroundColor: 'pink',
  },
button: {
    padding: 10,
    width: Dimensions.get('window').width*0.7,
    resizeMode: 'contain',
    // height: Dimensions.get('window').height/3,
  },

那是代码，问题是可触摸区域太大，我希望它只是按钮区域。但我也希望按钮可以随屏幕动态调整大小，以适应不同的屏幕尺寸。那么有没有办法根据图片大小来固定Touchable的大小呢？