本机响应如何在tabBarOnPress上重新渲染刷新屏幕

Question

>屏幕在我关闭应用程序并再次打开它之前不会获取新数据

我想在按 Tab 键时重新渲染屏幕以刷新屏幕并获取新数据

请参阅我的以下代码

const DashboardTabNavigator = createBottomTabNavigator({
    Home: { screen: Home,
        navigationOptions: {
            tabBarIcon: (
                <Image style={{ width: 30, height: 30,tintColor:'white' }}
                       source={require('./assets/IconBootomTabNavigation/home_icon.png')} />
            )
        }
    },
    Category: { screen: Category,
        navigationOptions: {

            tabBarIcon: (
                <Image style={{ width: 30, height: 30,tintColor:'white' }}
                       source={require('./assets/IconBootomTabNavigation/cat_icon.png')} />
            )
        }
    }

Answer 1

我建议你将负责获取数据的代码放在生命周期方法componentDidMount。这样，您可以确保在初始渲染后获得数据。

如果屏幕未重新渲染，请检查此线程。您可以使用 tabBarOnPress prop 来调用任何组件方法。

您也可以尝试以下解决方案：

static navigationOptions = ({navigation}) => {
  return {
    tabBarOnPress: (tab, jumpToIndex) => {
      if(!tab.focused) {
        jumpToIndex(tab.index);
        navigation.state.params.onFocus()
      }
    },
  }
}
componentDidMount() {
  this.props.navigation.setParams({
    onFocus: your-data-fetching-method
  })
}