Reactjs 反应本机选项卡导航器重新渲染屏幕组件

Reactjs 反应本机选项卡导航器重新渲染屏幕组件,reactjs,react-native,redux,Reactjs,React Native,Redux,下面是我的代码,它实现了一个简单的选项卡导航器。在其中一个屏幕中,我需要向API发出请求,并在用户每次通过选项卡导航器选择屏幕时更新状态。如下图所示,在第一次之后不会执行componentDidMount(第二次尝试执行失败) 选项卡导航器是: <Tab.Navigator> <Tab.Screen options={{ tabBarIcon: ({ focused }) => ( <MaterialIcons nam

下面是我的代码,它实现了一个简单的选项卡导航器。在其中一个屏幕中,我需要向API发出请求,并在用户每次通过选项卡导航器选择屏幕时更新状态。如下图所示,在第一次之后不会执行
componentDidMount
(第二次尝试执行失败)

选项卡导航器是:

<Tab.Navigator>
    <Tab.Screen options={{
        tabBarIcon: ({ focused }) => (
            <MaterialIcons name="home" color={focused ? activeTintLabelColor : inactiveTintLabelColor} size={23} />
        ),
    }} name="Home" component={Home} />
    <Tab.Screen options={{
        tabBarIcon: ({ focused }) => (
            <FontAwesome5 name="wallet" color={focused ? activeTintLabelColor : inactiveTintLabelColor} size={20} />
        )
    }} name="Wallets" component={UserWallets} />
    
</Tab.Navigator>

(
),
}}name=“Home”组件={Home}/>
(
)
}}name=“Wallets”组件={UserWallets}/>
如何让选项卡导航器重新呈现导致执行
componentDidMount
的屏幕组件


问候。

这个答案会对你有所帮助。这回答了你的问题吗@SaachiTech的第一个链接解决了这个问题。谢谢
<Tab.Navigator>
    <Tab.Screen options={{
        tabBarIcon: ({ focused }) => (
            <MaterialIcons name="home" color={focused ? activeTintLabelColor : inactiveTintLabelColor} size={23} />
        ),
    }} name="Home" component={Home} />
    <Tab.Screen options={{
        tabBarIcon: ({ focused }) => (
            <FontAwesome5 name="wallet" color={focused ? activeTintLabelColor : inactiveTintLabelColor} size={20} />
        )
    }} name="Wallets" component={UserWallets} />
    
</Tab.Navigator>