Kelly's Log

React-Native

• style vs contentContainerStyle in ScrollView

  React-Native 2022. 9. 13. 17:50

  ScrollView의 contentContainerStyle prop으로 container style을 지정해주어야 컨텐츠의 길이가 부족하더라도 ScrollView의 영역을 확보할 수 있다. ScrollView의 style prop에 flex: 1을 지정해주어도 ScrollView와 내부 View의 flex: 1이 작동하지 않는다.

  Read More
• React Native의 작동 원리

  React-Native 2022. 9. 6. 11:55

  Native Treads UI를 생성하는 부분 Android - Java/Kotlin iOS - Objective-C/Swift JS Thread JS 코드를 통해 비즈니스 로직들이 실행되고 뷰를 언제, 어떻게 표시할지 실행되는 부분 Bridge Native Threads(ex. 클라이언트)와 JS Thread(ex. 서버)가 소통하는 수단 각 부분에서 전달되는 정보는 JSONN object 형태로 변환되어 전달 병목현상이 가장 많이 생기는 부분 (= 앱 성능 향상을 위해서는 bridge를 건너는 횟수를 최소한으로 해야함) 앱 실행 과정 1. Native Threads 실행 -> Native Threads는 JS Thread를 실행시키고 JS Bundle을 로드한다. 2. JS Thread가 실행되면서 ..

  Read More