Question

这是我的代码

import React, {
    Component
} from 'react'

import {
Body,
Text,
View
} from 'native-base'
import {
Icon
} from 'react-native-elements'

export default class App extends Component {
    constructor(props) {
    super(props);
    this.state = {
        iconColour: "red"
      }
  }

   func() {
    console.warn("changed")
    this.setState({
        iconColor: "blue"
    })
  }

 render() {
    return (
        <View>
    <Text> textInComponent </Text>
    <Icon name='map' color={this.state.iconColour} onPress= 
       {()=>this.func()}/>
    </View>
       )
     } 
 }

我想在按下图标时更改图标的颜色

但颜色不会更新

该功能有效且状态已更改，但视图未更新

我想我错过了一件简单的事情

我搜索了，但找不到相似的情况

我认为应该运行命令来渲染具有新属性的视图

感谢您的帮助

Answer 1

只需将iconColor: "blue"更改为iconColour: "blue"：））

按下响应本机时图标颜色未更改

1 个答案: