ネイティブcantを背景として反応させます。

Question

私は、反応したネイティブのアプリでバックグラウンドとして画像を設定しようとしています。

ここは自分の画像タグです。

これは、上にレンダリングする必要があるchildren要素を含むように指定されています。現時点で

backgroundImage: { 
    flex: 1, 
    width: null, 
    height: null, 
    resizeMode: 'cover', 
    }, 

は、子供要素は画像の後ではなく、その上に、画面の一番下にレンダリングされています。それは次のように

スタイルがあります。

どのように私はこの作品を作ったのですか？

Answer 1

RNは今described in the docsとして<ImageBackground>コンポーネントを提供し、また

return (
    <ImageBackground source={...}> 
    <Text>Inside</Text> 
    </ImageBackground> 
); 

として使用し、あなたのイメージのスタイリングとposition: 'absolute', top: 0, bottom: 0, left: 0, right: 0, resizeMode: 'stretch'//or 'contain' を使用することができます。