인라인 스타일과 StyleSheet 스타일 차이

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

그래서 상황에 맞게 스타일 속성을 설정 해줘야 하는데

 

인라인 스타일 :

자바스크립트 엔진쪽 스레드에서 UI 스레드 쪽으로 
브리지를 경유하여 옮겨 가므로 내용이 컴포넌트 로직에 의해 바뀌지 않을때
앱의 디스플레이 속도가 떨어진다.

StyleSheet:

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

그래서 내용이 변하지 않는 스타일 객체는 StyleSheet.create 방식으로 구현하며
동적으로 바뀌는 스타일 객체는 인라인 스타일 방식으로 구현하는게 좋다!