styled-components

김종민·2022년 4월 6일
0

React-Native(1. Movie)

목록 보기
8/20
<TouchableOpacity
  style={{flex:1, justifyContent: 'center', alignItems:'center' }} />
  
-->styled-component

const btn= styled.TouchableOpacity`
	flex: 1;
    justify-content: center;
    align-items: center;
    background-color: red;
`

style에는 속성값이 'center' justifyContent 로 들어가고 styled-components에서는
justify-content: center로 들어감

<Btn onPress={()=>navigation.navigate(....)}/>~~~~


> 
# 
1.use
import styled from 'styled-components/native'
npm i styled-components




                
profile
코딩하는초딩쌤

0개의 댓글