ネイティブな全幅の背景画像に反応します。「Android」

Question

全幅の背景を持つために画像をコンテナとして使用しました。それはエミュレータで正しく動作しますが、デバイス上でアプリケーションを開くと、背景は白です。

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

と、あなたのスタイル

add : "width : width" with your other attributes 

Answer 1

問題は、画像がない正しく） は、イメージが

Answer 2

いただき、ありがとうございますそれが良い方法であるかどうかは分かりません。しかし、私はflex：1、width：null、height：null のコンテナとしてイメージを使用しています。 ：「のスタイルとしてstretch'`：

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

[ ... your JSX ... ] 

</Image> 
); 

Answer 3

は、以下のように変数を宣言働くだろうと思いattantion

<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 4

Iに： あなたがalignSelf: 'stretch' を使用している場合、私はそれが