Reactjs React Native-相同类型的组件一起滚动

我正在将NativeBase与React Native一起使用

这是使用NativeBase创建选项卡的方式：

<Tabs>
  <Tab heading="Tab1">
    <Tab1 />
  </Tab>
  <Tab heading="Tab2">
    <Tab2 />
  </Tab>
</Tabs>

我正在循环中创建这些选项卡：

[someArray].map((item, index) => {
            return (
                <Tab
                    key={index}
                    heading={
                        <TabHeading>
                            <Text>{item.tabText}</Text>
                        </TabHeading>
                    }>
                    <List type={item.listType} data={item.listData}/>
                </Tab>
            );
        });

[someArray].map（（项目，索引）=>{
返回(
);
});

除了在一个选项卡中垂直滚动列表（自定义组件）时，它也同时在所有其他选项卡中滚动之外，一切都正常。这是一种奇怪的效果

当然，我希望每个列表都是一个单独的实体，并且可以自己滚动

尝试添加

key={index}

和许多其他操作，但无法使其工作

有人能帮忙吗？

你能试试吗

<List type={item.listType} data={item.listData} ind={index}/>

并在列表中使用它

renderList() {
        return this.props.data.map((item, index) => {
            return (
                const newIndex = index + '_' + this.props.ind
                <ListItem type={this.props.type} text={item} key={newIndex}/>
            );
        });
    }

renderList（）{
返回此.props.data.map（（项目，索引）=>{
返回(
const newIndex=index+'.'+this.props.ind
);
});
}

是否可以添加更多代码或将此代码添加到codesandbox或类似程序中？列表组件中也可能有错误。你能不能检查一下，你是否对标签中的列表组件中的项目使用了不同的索引？@paruchuri-p问题是，我不确定哪种代码会有帮助。此列表“”在每个选项卡下同时滚动。比其他列表短的列表只会在下面留下空白。@paruchuri-p使用列表组件更新了问题。您可以使用不同的索引来代替索引作为列表的键，例如项目的标识符或id。这可能会解决您的问题。没有帮助：（如果您将密钥添加到列表中怎么办