如何从navigationOptions（react-navigation）中的状态设置tabBarIcon

Question

我想做这样的事情。我有我的状态的图像，但它显示我未定义的错误。我正在使用反应导航的tabNavigator。

static navigationOptions = {
   tabBarIcon:  <Image source={{uri: this.state.userImage}} style={{width:30, height: 30}}/>   
}

Answer 1

首先，您需要定义一个返回您的react本机组件的函数，而不是组件本身。

static navigationOptions = {
   tabBarIcon: () => (<Image source={{uri: this.state.userImage}} style={{width:30, height: 30}}/>)
}

您看到的错误可能是因为您尝试以静态方法（this.state.userImage）

引用该组件的实例