WebView (2) 썸네일형 리스트형 리액트 네이티브 WebView 중첩 react-native-webview는 안드로이드에서 NestingScroll API를 준수하지 않기 때문에, ScrollView 중첩과 마찬가지로 ScrollView 안에 WebView를 랜더링하면 스크롤이 잘 작동하지 않습니다. 이 경우 WebView의 높이를 컨텐츠 높이까지 늘려서 사용했는데, WebView의 높이가 너무 길어지면 앱이 꺼지거나 스크롤이 튀기는 현상이 발생했었습니다. 그리고 웹뷰도 브라우저이기 때문에, 컴포지터 스래드에서 뷰 너비에 맞는 부분만 가져와 표시하는 최적화가 적용되어 있을텐데, 모든 컨텐츠를 표시하면 리소스도 많이 잡아먹을 것 같습니다. 이 경우 NestedScrollWebView를 사용할 수 있습니다. react-native-troika/packages/nested-sc.. RN Perspective Crop - OpenCV편 Perspective Crop은 원본 이미지에서 선택한 영역(직사각형 아님)을 직사각형으로 잘라주는 자르기 방식입니다. OpenCV라는 이미지 처리 라이브러리를 사용해서 이 기능을 구현할 수 있습니다. OpenCV 공식 홈페이지에서 Perspective Crop뿐만 아니라 해당 라이브러리를 사용한 다양한 이미지 처리 방식과 예제를 확인할 수 있습니다. OpenCV는 다양한 언어로 바인딩되어 배포되어 있습니다. 자바스크립트는 NodeJS용 라이브러리와 브라우저에서 사용할 수 있는 라이브러리(opencv.js)가 배포되어 있습니다. 그리고 리액트 네이티브에는 react-native-opencv3 라이브러리가 있습니다. react-native-opencv3 처음에는 react-native-opencv3를 선택.. 이전 1 다음