Javascript 在React Native中调整图像大小

Javascript 在React Native中调整图像大小,javascript,reactjs,react-native,react-native-android,react-native-ios,Javascript,Reactjs,React Native,React Native Android,React Native Ios,我希望我的屏幕看起来像 但经过各种尝试后,我终于明白了 这是我的密码:- <ImageBackground style={styles.imageBackground} source={constants.image.bg_splash} > 注释代码是我尝试过的各种组合的部分 谢谢 可能,您的背景是灰色形状,您希望使用白色垂直填充,而这不是灰色形状图像的一部分。要实现这一点,可以通过以下方式包装组件: //https://reactnative.

我希望我的屏幕看起来像 但经过各种尝试后,我终于明白了

这是我的密码:-

<ImageBackground 
      style={styles.imageBackground}
      source={constants.image.bg_splash}
    >
注释代码是我尝试过的各种组合的部分


谢谢

可能,您的背景是灰色形状,您希望使用白色垂直填充,而这不是灰色形状图像的一部分。要实现这一点,可以通过以下方式包装组件:

//https://reactnative.dev/docs/safeareaview

也许,你的背景是灰色的形状,你想有这个白色的垂直填充,这不是你的灰色形状图像的一部分。要实现这一点,可以通过以下方式包装组件:

//https://reactnative.dev/docs/safeareaview

您不需要将ImageBackground定位为绝对。给它一个设备和resizeMode:contain的宽度和高度

imageBackground: {
  width: Dimensions.get('window').width,
  height: Dimensions.get('window').height,
  resizeMode: 'contain',
}

您不需要将ImageBackground定位为绝对。给它一个设备和resizeMode:contain的宽度和高度

imageBackground: {
  width: Dimensions.get('window').width,
  height: Dimensions.get('window').height,
  resizeMode: 'contain',
}

问题是文本后面的灰色形状?你能给你的问题附加一个原始背景图像吗?是的,问题是灰色背景。@ShanAlam你有机会研究我们的解决方案吗?如果有任何答案有帮助,请将其标记为有用。我尝试过,但没有达到我想要的效果。问题是文本后面的灰色形状?你能给你的问题附加一个原始背景图像吗?是的,问题是灰色背景。@Shanalm你有机会研究我们的解决方案吗?如果任何答案有帮助,请将其标记为有用。我试过了,但它并没有像我想要的那样帮助我。