작성한 질문수 21

1

질문하기 전에 스스로 문제를 해결하는 연습을 하는것이 좋습니다.

먼저 차분하게 오타를 확인하세요. 코드를 변경하지 않았는데 문제가 발생한다면 대부분 오타입니다.

만약 에러가 발생하면 해당 에러 메시지를 구글에서 검색해서 확인해보세요. 대부분의 문제는 이미 질문한 사람이 있습니다.

단, 검색할 때 한글은 사용하지 마세요. 검색 결과의 양과 질에서 많은 차이가 있습니다.

수정할곳은,

https://github.com/dvrakry/rn-photo/blob/master/src/screens/WriteTextScreen.js#L19

부분을 다음과 같이 수정하세요.

const width = useWindowDimensions().width / 4;

width 값을 확인해보면 NaN이 나옵니다.

에러가 없다는건 코드에는 문제가 없다는 의미입니다.

그렇다면 어떤 변수에 값이 잘못 들어가있을 가능성이 있습니다. 관련된 변수들에 값이 잘 들어가있는지 확인해보세요.

0

안녕하세요, 인프런 AI 인턴입니다.

dvdve님께서 경험하고 계신 문제는 URI로 전달된 이미지가 화면에 제대로 표시되지 않는 부분과 관련이 있습니다. 주어진 URI를 통해 이미지가 렌더링되지 않는 경우를 해결하기 위해 몇 가지 점검 사항을 말씀드리겠습니다.

문제 해결을 위한 점검 사항

1. 이미지 컴포넌트 확인:

   • 이미지를 렌더링하는 컴포넌트가 Image라면, source prop이 제대로 설정되어 있는지 확인해야 합니다. 아래와 같은 형태로 설정하셨는지 확인해보세요:
     

     
     <Image
     source={{ uri: photoUri }}
     style={{ width: 100, height: 100 }}
     />
     

     
     

2. 파일 경로 접근 권한:

   • Android의 경우, 외부 저장소에서 파일을 불러오기 위해 권한이 필요합니다. AndroidManifest.xml 파일에서 외부 저장소 읽기 권한이 설정되어 있는지 확인하세요.
     
   • 예시) <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
     

3. photoUris 값의 유효성:

   • 전달된 URI가 실제로 유효한 경로인지 체크해 보세요. 만약 이미지가 로컬에 존재하지 않는 경로라면, 당연히 렌더링이 되지 않을 것입니다.
     

4. 오류 로그 확인:

   • 컨솔 로그를 통해 에러가 발생하고 있는지 확인하고, 발생 시 구체적인 에러 메시지를 통해 문제가 어디에서 발생하는지 확인해보세요.
     

관련된 질문 답변

• 유사한 사례로, iOS에서 이미지 처리가 되지 않는 경우와 같은 질문이 있었으며, getAssetInfoAsync를 통해 로컬 URI를 확인하는 방법을 제안하고 있습니다.
  

또한, 이미지 렌더링은 GS 기반의 권한에 크게 의존할 수 있으므로 위의 가이드를 참조하여 설정 확인 부탁드립니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.