728x90
반응형
export default class App extends Component{
render(){
return(
<View style={styles.container}>
<Text style={[
styles.message,
styles.warning
]}>
SomeText
</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container:{
marginLeft:20,
marginTop:20
},
message:{
fontSize:18
},
warning:{
color:'red'
}
})
Text의 스타일을 배열을 열어서, 여러가지 StyleSheet를 적용 하였다.
만약에, 동일한 설정을 배열에 담게되면, 마지막으로 들어간 설정이 적용 된다.
728x90
반응형
'React Native' 카테고리의 다른 글
TextInput 비밀번호 (0) | 2020.01.15 |
---|---|
리엑트 네이티브 SwitchNavigator 사용 하기 (0) | 2020.01.15 |
시작 컴포넌트 바꾸기. 앱의 진입점 바꾸기. (0) | 2020.01.07 |
3. 리엑트 네이티브 생명주기 ( Lifecycle ) (0) | 2020.01.07 |
2. props 다루기 (0) | 2020.01.07 |