Add multiple styles to one element in React Native

Source code viewer
import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
 
const MyComponent = () => {
  return (
    <View style={[styles.container, styles.additionalStyle]}>
      <Text style={[styles.text, styles.additionalTextStyle]}>Hello, world!</Text>
    </View>
  );
};
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  text: {
    fontSize: 20,
    fontWeight: 'bold',
  },
  additionalStyle: {
    backgroundColor: 'lightblue',
  },
  additionalTextStyle: {
    color: 'red',
  },
});
 
export default MyComponent;
Programming Language: ECMAScript