[react-native] inline-style과 StyleSheet 스타일 차이

컴포넌트들은 RN에 의해서 리렌더링이 일어나는데,

리렌더링은 상황에 따라서 반복해서 발생한다.

 

이런 상황에서 inline style은 javascript 엔진 쪽 스레드에서 UI 스레드 쪽으로 브리지를 경유하여 옮겨가므로,

내용이 컴포넌트 로직에의해 바뀌지 않을때에는 앱의 디스플레이 속도가 느려진다.

 

반면에, StyleSheet.create로 생성된 스타일 객체는 UI 스레드 쪽에 캐시되므로 앱 전체의 디스플레이 속도가 빨라진다.

그래서 내용이 변하지 않는 스타일 (정적 스타일) 객체는 StyleSheet.create 방식으로 구현하는 것이 효과적이다.

(동적 스타일은 inline-style 방식으로 구현하자.)