React Native EStyleSheet, как применять несколько стилей

Question

Я новичок в React Native EStyleSheet lib. Я нахожу это действительно круто, но одну вещь, которую я не могу понять, это то, как применить несколько стилей к одному элементу, как я делал с обычными стилями с style={{...styles.style1, ...styles.style2}}?

render() {
    return <View style={estyles.container}>
        <View style={{...estyles.container, ...estyles.containerInner}}>
            <Text>Hello, World!</View>
        </View>
    <View>

}

const estyles = EStyleSheet.create({
    container: {
        padding: '2%',
        borderStyle: 'solid',
        borderRadius: 1,
        borderWidth: 1,
        borderColor: 'black'
    },
    containerInner: {
        padding: '5%'
    }
});

Answer 1

Вы можете использовать массив стилей, чтобы применить несколько стилей к одному представлению.

пример

<View style={[styles.container, styles.view,...]}>
</View>

Answer 2

Вы можете использовать в массиве стилей, например:

render() {
    return <View style={estyles.container}>
        <View style={[estyles.container,estyles.containerInner]}>
            <Text>Hello, World!</View>
        </View>
    <View>

}

const estyles = EStyleSheet.create({
    container: {
        padding: '2%',
        borderStyle: 'solid',
        borderRadius: 1,
        borderWidth: 1,
        borderColor: 'black'
    },
    containerInner: {
        padding: '5%'
    }
});

this => [estyles.container, estyles.containerInner] можно использовать