Я новичок в 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%'
}
});





вы можете использовать в стилевом массиве стилей, например:
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] можно использовать
Вы можете использовать массив стилей, чтобы применить несколько стилей к одному представлению
пример
<View style = {[styles.container, styles.view,...]}>
</View>
Попробуйте
style = {[estyles.container, estyles.containerInner]}