使用FlatList在React-Native Nativebase选项卡中显示选项卡

我正在尝试遍历数据源并基于该数据源显示Tabs,而我正在为此使用flatList

<Tabs
   renderTabBar={() => <Scrollabletab />}
   tabBarUnderlinestyle={{backgroundColor: "#4285f4"}}
   tabBarBackgroundColor="#fff"
>
    <flatList
        data={this.state.dataSource}
        renderItem={({item}) =>
            <Tab
               heading={item.title}
            >
                <Text>Tab details</Text>
            </Tab>
    />
</Tabs>

这总是给我一个错误的说法

undefined is not an object (evaluating 'child.props.heading.props') the error is located at ScrollabletabView

我不知道我尝试使用map而不是flatList出了什么问题,并且效果很好

yhcgyym 回答:使用FlatList在React-Native Nativebase选项卡中显示选项卡

您必须用

替换Nativebase选项卡组件

https://github.com/ptomasroos/react-native-scrollable-tab-view/blob/master/README.md

并且不需要将Flatlist组件用作子组件以获得更好的性能,它将不起作用。

本文链接:https://www.f2er.com/3162523.html

大家都在问