sanguk.dev
작성완료
React Native 스타일링

React Native 스타일링

styled-components를 React Native에서 사용하기 위한 설치 방법과 사용법을 설명하며, 타입 관련 버그 해결을 위한 추가 패키지 설치 방법도 포함되어 있습니다.

React Nativestyled-components

styled-components

설치

모듈

bash
yarn add styled-components

타입

bash
yarn add -D @types/styled-components @types/styled-components-react-native

사용법

typescript
import styled from 'styled-components/native';

export default function App () {
  return (
    <Container>
       ...
    </Container>
  )
}

const Container = styled.View`
  flex: 1;
  background: #efefef;
  color: #232323;
`

발견 문제

Styled-Components Type 못찾는 버그

둘 다 설치한다.

bash
yarn add -D @types/styled-components @types/styled-components-react-native