反应原生chagne图像源点击按钮

Question

嗨我想改变一个按钮点击图像，但似乎无法让图像改变。这是我的代码。

constructor(){ 
    super() 
    this.state = { 
     autologin_active: true 
    } 
} 

toggleAutoLogin(){ 
    this.state.autologin_active = this.state.autologin_active ? false : true; 
} 


<TouchableHighlight onPress={() => this.toggleAutoLogin()} style={styles.registerButton} underlayColor='#99d9f4'> 
    <View style={styles.detailBoxTick}> 
    <Image style={styles.imageTickStyle} source={this.state.autologin_active ? Images.rememberTickImg : Images.rememberUnTickImg} /> 
    <Text style={styles.tickBoxText}> 
     Auto Login 
    </Text> 
    </View>   
</TouchableHighlight> 

可以请一些人帮忙。不知道我做错了什么。已经检查警报状态正在改变点击。在此先感谢

Answer 1

如果我得到您正确的，在toggleAutoLogin()，您正在更新您的状态this.state.autologin_active = .....这是更新状态，但防止重新呈现，以便您看不到图像更改。

您需要使用setState（{}）更新状态才能重新渲染组件（图像）。

您的toggleAutoLogin()代码如下：

this.setState({ autologin_active: this.state.autologin_active ? false : true})