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