React-Native Styled Component

emotion 설치

[Docs]

yarn add @emotion/react @emotion/native

사용

'@emotion/native'를 import 받아서 웹에서 쓰던 방식과 동일하게 쓰면 된다.

import styled from '@emotion/native'

export const Container = styled.View`
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px;
`

export const Image = styled.Image`
  padding: 40px;
`

flex

flex: 숫자를 입력하면 차지하는 영역을 지정할 수 있다.