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

Question

我使用contiki创建了一个标签视图。这是我使用的library。总计我有3个标签。因此，初始标签正在加载＆amp;没有麻烦，渲染得很好。但问题出现在第三个标签上。我在第3个标签组件的每个方法中使用TabNavigator进行了检查。在我与之交互之前，每个方法都在执行但不显示结果（显示空白屏幕）。当我开始与它交互时，只有数据重新渲染（我想是这样）。

我该如何解决这个问题？有帮助吗？

由于

Answer 1

我通过使用prop lazy配置标签导航器来解决这个问题。以下是我修改的代码。它现在正在工作。

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
                         });