4. 여러개 StyleSheet 적용하는 방법

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를 적용 하였다.

 

만약에, 동일한 설정을 배열에 담게되면, 마지막으로 들어간 설정이 적용 된다.