728x90
반응형
import React from "react";
import { StyleSheet, View, ..., ImageBackground, ... } from "react-native";
...
export default class App extends React.Component {
render(){
return(
<View>
<ImageBackground
style={{ width: "100%", height: "100%" }} //View를 꽉채우도록
source={require("./assets/background.png")} //이미지경로
resizeMode="cover" // 'cover', 'contain', 'stretch', 'repeat', 'center' 중 선택
>
</ImageBackground>
</View>
);
}
}
https://docs.expo.io/versions/v34.0.0/react-native/imagebackground/
728x90
반응형
'리액트네이티브' 카테고리의 다른 글
[react-native]WebView 추가하기 (0) | 2019.09.30 |
---|---|
[리액트 네이티브]클립보드 내용 가져오기 (0) | 2019.09.17 |
[리액트네이티브]텍스트 크기 시스템에 영향받지않고 내가 지정한 크기로 조정하기 (0) | 2019.09.16 |
[react-native] EXPO로 시작해보기 15 - API 연동해 결과 가져와 출력하기 (0) | 2019.08.29 |
[react-native] EXPO로 시작해보기 14 - 스크롤뷰 안에 스크롤뷰 넣기 (0) | 2019.08.27 |
댓글