我有一个包含 2 个类的 javascript 文件。对于这两个类,我都有单独的样式表。如下图:
export class PageOne extends Component {
render(){
return(
<View style={pageOne.container}>
...
</View>
)
}
const pageOne = StyleSheet.create({
container: {
backgroundColor: '#FFDD33',
flex: 1,
width: '100%',
flexDirection: 'row',
},
...
});
export class PageTwo extends Component {
render(){
return(
<View style={pageTwo.container}>
...
</View>
)
}
const pageTwo = StyleSheet.create({
container: {
*Error ^*
backgroundColor: '#FFFFFF',
flex: 1,
width: '100%',
},
...
});
最佳答案
我认为您错过了关闭 PageOne 和 PageTwo 类组件的 }
操作。
试试这个:
export class PageOne extends Component {
render() {
return(
<View style={pageOne.container}>
...
</View>
);
}
}
const pageOne = StyleSheet.create({
container: {
backgroundColor: '#FFDD33',
flex: 1,
width: '100%',
flexDirection: 'row',
},
...
});
export class PageTwo extends Component {
render(){
return(
<View style={pageTwo.container}>
...
</View>
)
}
}
const pageTwo = StyleSheet.create({
container: {
*Error ^*
backgroundColor: '#FFFFFF',
flex: 1,
width: '100%',
},
...
});
关于javascript - react native 出现奇怪的样式表错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52949941/