React Native] 3. Style

Style 속성과 스타일 객체 리액트와 리액트 네이티브 컴포넌트에서 style 속성에 설정되는 값은 HTML과 같은 마크업 언어와는 달리 문자열이 아닌 "객체"입니다. 그렇다보니 구현하는 모양이 조금 다릅니다.

가장 바깥의 {, }는 JSX 구문에서 js 코드를 설정할 때 쓰는 구문이며, 안쪽의 {, }는 객체를 뜻하는 중괄호입니다. 그렇다보니 저런 모양새를 갖추게 됩니다.

StyleSheet API 리액트 네이티브는 StyleSheet API를 제공합니다. import {StyleSheet} from 'react-native' const styles = StyleSheet.create({ key_name1: style_obj1, key_name2: style_obj2, ... }) StyleSheet.create 함수는 매개변수에 설정된 스타일 객체는 Native Module에...