Reactjs 如何使用React Native中的选项卡创建视差滚动视图?
我目前尝试使用选项卡栏创建一些滚动视图 如果我向下滚动,选项卡栏固定在顶部 这就是我想要的例子 如果你知道如何使这个或NPM我可以使用,请让我知道如果你有它 谢谢你的阅读 这是我自己尝试但失败了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
您可以使用具有
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