ios - 单击堆栈导航器选项卡时渲染屏幕

Question

我使用TabNavigator. 这是我使用的库。总共我有 3 个标签。因此，初始选项卡可以轻松加载和渲染。但是问题出在第三个选项卡上。我检查了console.log()第三个选项卡组件中的每个方法。在我与之交互之前，每个方法都在执行但不显示结果（显示空白屏幕）。当我开始与之交互时，只有数据会重新渲染（我认为是这样）。

我怎么解决这个问题？有什么帮助吗？

谢谢

Answer 1

I solved it by configuring tab navigator with prop lazy true. Below is the code I modified. It's working now.

const TabView = TabNavigator({
                         feed: { screen: Feed },
                         info: { screen: Info },
                         members: {screen: Members}
                         }, {
                         tabBarPosition: "top",
                         tabBarOptions: {
                            activeTintColor: "#4A90E2",
                            inactiveTintColor: "#4A4A4A",
                            style: {
                                backgroundColor: 'white',
                                height:56,
                                alignItems: 'center',
                                 shadowColor: '#000000',
                                 shadowOpacity: 0.1,
                                 shadowRadius: 0,
                                 shadowOffset: {
                                    height: 2,
                                    width: 1
                                 }

                            },
                            tabStyle: {
                                height: 40,
                            },
                            labelStyle: {
                                fontSize:12,
                                fontFamily:'HelveticaNeue-Medium'
                            }

                         },
                         lazy:true
                         });