react-native-pages如何从父页面组件中查找当前索引

Question

我试图在一个项目中使用react-native-pages，我需要的是使用onScrollEnd回调函数来确定用户在哪个页面上滚动并根据索引做一些状态更改，我知道子组件获得索引道具，但这对我没有多大好处。如何知道父页面组件的当前索引?现在我的代码中有一个非常基本的实现

function pagesContainer(){
return(<Pages startPage={currentPageNumber == 1}
onScrollEnd={() => { console.log("i want to find out index and use it here") }} >
<Texts pageNumber={currentPageNumber} />
<Texts pageNumber={variablePageNumber} />
<Texts pageNumber={variablePageNumber} />
</Pages>);
}

Answer 1

您有两个选择:

1. 使用状态管理解决方案(内置的React Context应该可以解决这个问题，但是如果你搜索它们，有很多选择)。然后你可以在任何地方设置活动页码(例如，你的文本组件，它获得索引道具)，并在父组件中使用它。

2. 使用一个维护的库(例如这个库，尽管我个人没有使用过)。我链接的那个给了你一个索引，作为它的renderItem回调道具的一部分。