# Styled Components

• CSS 코드를 Native Component가 써도 스타일 적용됨

1. Install

npm i styled-components

2. import

import styled from "styled-components/native";

• 뒤에 /native는 꼭 써줘야함!
  -> styled Components는 브라우저에서도 작동하기 때문에 native에서 사용하는 태그(?)를 위해서

import styled from "styled-components"; // 브라우저용
import styled from "styled-components/native"; // native용

styled.div`` // 브라우저용
styled.View`` // native용

# Use

• styled Components 조건문 사용

const Title = styled.Text`
	color: ${ (props) => (props.selected ? "blue" : "red" )}`
    
...
<Title selected={false}>Movies</Title>