목록전체 글 (43)

Neoself의 기술 블로그

React Native 네이티브 모듈 연결하기 - 파노라마 뷰(Android 3/3)

현재까지 프로젝트root/android 폴더 내 파일들을 설명하자면 다음과 같다.React Native 초기 생성 때 기본으로 추가되는 MainActivity.kt, MainApplication.ktgvr-android-sdk를 모듈화하여 RN에 연결하기 위한 PanoramaViewManager.java 및 PanoramaViewPackage.java 파일gvr-android-sdk가 제공하는 패키지 및 함수가 호출되고 사용되는 파일들이 위치한 video360 폴더MediaLoader.java = 렌더되는 파노라마 이미지 처리 및 관리 관련 클래스가 구현되어있는 파일VideoUiView.java = 렌더 대상을 이미지와 비디오 사이에서 토글하기 위한 Ui 구현에 필요한 파일MonoscopicView.ja..
개발지식 정리/React Native 2024. 6. 10. 00:31
React Native 네이티브 모듈 연결하기 - 파노라마 뷰(Android 2/3)

Android에서의 Native UIComponent 모듈 연결과정은 다음 순서로 진행된다.Android 환경 설정1.1 build.gradle 설정1.2 레이아웃 XML 파일 생성1.3 AndroidManifest.xml 설정Native Module or View Manager 파일 생성Package 파일 추가MainApplication.kt 파일 수정base레벨의 Native View가 ReactNative에서 호출될 수 있도록 연결React Native 단에서 네이티브 모듈 연결1. Android 환경 설정1.1 build.gradle 설정먼저 app/build.gradle 파일에 필요한 패키지를 추가한다implementation "androidx.core:core-ktx:1.12.0"impleme..
개발지식 정리/React Native 2024. 6. 9. 22:41
React Native 네이티브 모듈 연결하기 - 파노라마 뷰(Android 1/3)

1. 구현 방향 설정초기에는 react-native-panorama-view 라이브러리를 import하여 앱 내부에 파노라마 뷰를 추가하려고 하였다.https://github.com/lightbasenl/react-native-panorama-view 파노라마 뷰를 다루는 라이브러리들 중 100개를 넘는 깃허브 스타를 갖고 있는 라이브러리였음도 불구하고, ios, android 두 네이티브 플랫폼 다 정상동작하지 않았다,,, 확실히 앱에 자주 사용되지 않는 기능의 경우 활성화된 라이브러리를 찾기 힘든 것 같다.. 라이브러리 코드를 분석한 결과, 대부분이 네이티브 코드로 작성되어 있었다. iOS의 경우, JavaScript와 네이티브 코드 간의 변수명 불일치로 인해 터치 제스처 관련 이벤트가 제대로 전달되..
개발지식 정리/React Native 2024. 6. 6. 19:53
이전 Prev 1 2 3 4 5 Next 다음