React 네이티브 캔트 배경으로 이미지 설정

Question

나는 반응이없는 네이티브 앱에서 이미지를 배경으로 설정하려고 시도했습니다.

내 이미지 태그는 다음과 같습니다.

<Image 
source={require('../img/cat.jpg')} 
style={styles.backgroundImage} 
blurRadius={1} /> 

상위 요소에 렌더링해야하는 하위 요소가 포함되어 있습니다. 순간

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

는, 어린이 요소가 이미지 후, 그리고 그 위에, 화면의 하단에 렌더링 : 그것은 다음과 같이

스타일이다.

어떻게 작동합니까?

Answer 1

RN 지금 described in the docs로 <ImageBackground> 구성 요소를 제공하고, 또는 당신이 당신의 이미지 스타일링 position: 'absolute', top: 0, bottom: 0, left: 0, right: 0, resizeMode: 'stretch'//or 'contain' 을 사용할 수 있습니다

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

으로 사용.