커뮤니티
포인트
로딩중
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
이미지 넣기
[왕초보] 나만의 수익성 앱, 앱개발 종합반
2주차
북마크
장*주
댓글
4
추천
0
조회수
19
조회수
19
답변 완료

선생님이 주신 이미지 파일 넣기 성공했는데요

제가 원하는 png 파일을 여기에 넣으려면 어떻게 하나요?

png 파일을 html로 바꿔야 하나요??

그래야한다면 어떻게 하나요?




import React from 'react';

import { StyleSheet, Text, View, Image } from 'react-native';

//이렇게 상단에 가져와 사용할 이미지를 불러옵니다

import favicon from "./assets/favicon.png"


export default function App() {

 return (

  <View style={styles.container}>

{/*이미지 태그 soruce 부분에 가져온 미지 이름을 넣습니다 */}

   <Image 

    source={{uri:'https://images.unsplash.com/photo-1424819827928-55f0c8497861?fit=crop&w=600&h=600%27'}}

// 사용설명서에 나와 있는 resizeMode 속성 값을 그대로 넣어 적용합니다

    resizeMode={"cover"}

    style={styles.imageStyle}

   />

  </View>

 );

}


const styles = StyleSheet.create({

 container: {

  flex: 1,

  backgroundColor: '#fff',

  //혹시 미리 궁금하신 분들을 위해 언급하자면,

  //justifyContent와 alignContent는 영역 안에 있는 콘텐츠들을 정렬합니다

  justifyContent:"center",

  alignContent:"center"

 },

 imageStyle: {

  width:"100%",

  height:"100%",

  alignItems:"center",

  justifyContent:"center"

 }

});

스파르타 즉문즉답


취소
 공유
취소
댓글 0
댓글 알림
나의얼굴