FE/REACT_NATIVE

REACT-NATIVE - Image태그 사용법

<zinny/> 2022. 7. 4. 19:55
728x90

1.

import k from "../asset/k.png";

<Image source ={k}/>

 

2.

<Image source={require("../assets/k.png")} />

 

3. 

<Image source={{ uri: " "}} />

 

 

TIP

<View style={styles.back}>
	<Image source={k} style={styles.Img}/>
</View>

const styles = StyleSheet.create({
	back:{
    	background:"black",
        width:100%,
        height:100%
        },
    Img:{
    	opacity:0.8
        }
})
728x90

'FE > REACT_NATIVE' 카테고리의 다른 글

REACT-NATIVE - pickerSelect  (0) 2022.07.14
REACT NATIVE - 더보기 누르면 글 보이게 하기  (0) 2022.07.08
REACT-NATIVE - svg 사용하는 법  (0) 2022.07.04
REACT-NATIVE - 처음 이후 설정  (0) 2022.06.22
REACT-NATIVE - 폴더구조  (0) 2022.06.22