[英]React Native EStyleSheet how to apply multiple styles
I'm new to React Native EStyleSheet lib. 我是React Native EStyleSheet库的新手 。 I find it's really cool, but one thing that I can't figure out is, how to apply multiple styles to a single element just like I used to do with regular styles with
style={{...styles.style1, ...styles.style2}}
? 我发现它真的很酷,但是我不知道要解决的一件事,就是如何将多个样式应用于单个元素,就像我以前使用
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%'
}
});
you can used in style array of styles for example: 您可以在样式的样式数组中使用例如:
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] can used 这个=> [estyles.container,estyles.containerInner]可以使用
You can use array of styles to apply multiple styles to single view 您可以使用样式数组将多种样式应用于单个视图
example 例
<View style={[styles.container, styles.view,...]}>
</View>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.