로컬 이미지 링크 관련 | 스파르타 커뮤니티

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

로컬 이미지 링크 관련

[왕초보] 나만의 수익성 앱, 앱개발 종합반 v5

2주차

신*일

・

추천

・

조회수

답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

로컬 이미지를 사용할 때 <Image source={require('./assets/images/example.png')} />만 지정하면 되는지요? 
앞에서 라이브러리 임포트를 여러개 한 경우에는 어떻게 지정할 수 있는지요?
예를 들어 import main from './assets/main.png'; 이라고  하고 <Image source={require(main)} /> 이라고 해도 되는지 어떤지 모르겠습니다. 
로컬에 있는 여러이미지를 일괄로 이미지 명으로만 축약해서 지정하고 싶을 때 어떻게 하면 좋을까요? 'const image = '를 사용하는 것인지 아닌지 등등  About.js에 적용하는 방법을 알고 싶습니다. 감사합니다.

DOCS에서 local Image Import를 찾아보니 <Image source={require('./assets/images/example.png')} /> 와 <Image source={{ uri: 'https://example.com/logo.png' }} /> 만 나오고 축약해서 여러개 지정하는 것을 찾기가 어렵네요. 

HTML 에서는 아래와 같이 수정해 주어야 한다는 내용은 보았는데....

import { Asset } from 'expo-asset';
import { printAsync } from 'expo-print';
import { manipulateAsync } from 'expo-image-manipulator';

async function generateHTML() {
  const asset = Asset.fromModule(require('../../assets/logo.png'));
  const image = await manipulateAsync(asset.localUri ?? asset.uri, [], { base64: true });
  return `
    <html>
      <img
        src="data:image/jpeg;base64,${image.base64}"
        style="width: 90vw;" />

댓글 알림