Question

我使用image作为容器来获得全宽背景。它在模拟器中正确运行，但是当我在设备上打开应用程序时，背景为白色。谢谢你的支持

<Container>
    <Content>
      <Image 
        style={styles.bgImage}
        source={require('../../../images/login_bg.png')}>
        <View style={styles.wrapper}>
          <Image
            style={styles.logo}
            source={require('../../../images/logo.png')} />
          <Button
            style={styles.button}
            onPress={() => {this.logIn(username, password)}}>
            <Text style={styles.buttonText}>LOGIN</Text>
          </Button>
        </View>
        <View style={styles.footer}>
          <Text style={styles.version}>Version 4.0.0</Text>
          <Text style={styles.copyright}>&copy; All rights reserved. Araqich is registered trademark of Araqich LLC.</Text>
        </View>
      </Image>
    </Content>
  </Container>

Answer 1

我认为如果您使用alignSelf: 'stretch' 它会起作用

Answer 2

声明变量如下：

The Collation specified by SQL Server is not supported

并以您的风格

var width = Dimensions.get('window').width;

Answer 3

我不知道这是不是一个好方法。但我使用我的图像作为flex的容器：1，width：null，height：null 它在两个生产平台上都适合我。：

return(
<Image  source={require('/background_image.png')} style={{ flex: 1, width: null, height: null }} >

[ ... your JSX ... ]

</Image>
);

Answer 4

问题是图像是从psd导出不正确的）它给出blob错误，表示图像被覆盖

反应原生全宽背景图片'Android'

4 个答案: