Reactjs 如何使用React Native中的选项卡创建视差滚动视图?

Reactjs 如何使用React Native中的选项卡创建视差滚动视图?,reactjs,react-native,Reactjs,React Native,我目前尝试使用选项卡栏创建一些滚动视图 如果我向下滚动,选项卡栏固定在顶部 这就是我想要的例子 如果你知道如何使这个或NPM我可以使用,请让我知道如果你有它 谢谢你的阅读 这是我自己尝试但失败了 您可以使用具有StickyHeaderDices={[0]}的FlatList来保持ListHeaderComponent的粘性,传入的数据取决于选项卡状态 const [ tab, setTab ] = useState(1) // you should add at least keyExtrac

我目前尝试使用选项卡栏创建一些滚动视图

如果我向下滚动,选项卡栏固定在顶部

这就是我想要的例子

如果你知道如何使这个或NPM我可以使用,请让我知道如果你有它

谢谢你的阅读

这是我自己尝试但失败了


您可以使用具有
StickyHeaderDices={[0]}
FlatList
来保持
ListHeaderComponent
的粘性,传入的
数据取决于选项卡状态

const [ tab, setTab ] = useState(1)
// you should add at least keyExtractor and renderItem props...
<FlatList
    stickyHeaderIndices={[0]}
    ListHeaderComponent={ <Tabs setTab={setTab} /> } // create `Tabs` component of the nav, use `props.setTab` to change `tab` state
    data={ tab == 1 ? tab1data : tab2data } // assuming tab1data is array 
/>
const[tab,setTab]=useState(1)
//您应该至少添加keyExtractor和renderItem道具。。。
有关
FlatList