动态样式在条件渲染中不起作用

时间:2017-06-06 21:01:59

标签: javascript react-native react-redux

组件的状态已更新,但视图未更新。

代码:

{(this.state.internet)? (
  <ListView contentContainerStyle={{backgroundColor: '#F78181'}}
    dataSource={this.state.dataSource}
    renderRow={ (rowData) => this.getVistaRadio(rowData,navigate)} />
  ) : (
  <View style={{alignItems: 'center',}}>
        <Text>Not Internet</Text>
  </View>)}

代码:

getVistaRadio(rowData,navigate){
return(
  <View style={this.state.seleccion ? getContenedorRadio(true) : getContenedorRadio(false)}>
  <Text>{rowData.title}</Text>
  </View>);}

代码:

function getContenedorRadio(presionado){
let color = '#000000'
if(presionado){color = '#FF0000';}
return{
    flex: 1,
    justifyContent: 'center',
    backgroundColor:'#FFFFFF',
    borderRadius:4,
    padding:5,
    borderWidth: 2,
    borderColor : color}}

如果删除this.state.internet的条件,代码可以正常工作,但上面写的代码不起作用(不更改视图)。

PD:按钮调用功能

active(){
  this.setState({
    seleccion:true
  });}

0 个答案:

没有答案