从StyleSheet响应本机访问状态

Question

我正在尝试根据状态设置容器的背景，但是它一直向我显示错误未定义背景色

constructor(props) {
        super(props)
        this.state = {
         bg:'#fff'

        }
    }
    render(){
        return( <View style={styles.container}/>)} 

const styles = StyleSheet.create({
    container:{
        flex:1,backgroundColor: this.state.bg
    }})

Answer 1

更改此代码：

return <View style={[styles.container, backgroundColor: this.state.bg]}/>

此代码：

return <View style={[styles.container, {backgroundColor: this.state.bg}]}/>

Answer 2

您不能真正做到，但是您可以在容器的样式中使用它，就像这样：

Values(ItemId, Assetid, Date, Amount)

Answer 3

请在下面查看我的评论并使用它