React Native 如何隐藏顶部导航栏和底部滚动？

wljmcqd8 于 2023-02-16 发布在 React

关注(0)|答案(1)|浏览(339)

如何隐藏顶部导航栏和底部滚动饲料？我想隐藏顶部导航栏和底部导航栏滚动饲料什么可以是一个更好的方法来做到这一点？像如果一个用户滚动饲料隐藏，当用户停止滚动它回来滚动饲料我使用flashlist

return (
        <View style={styles.container}>
            <StatusBar />
            <BottomNavigation navigation={navigation} page={'home'} />
            <TopNavigation navigation={navigation} page={'home'} />
            <Feeds navigation={navigation} />
        </View>
    );

react-native

来源：https://stackoverflow.com/questions/75462165/how-to-hide-top-nav-bar-and-bottom-while-scrolling

1条答案

按热度按时间

31moq8wy1#

使用onScrollBeginDrag和onMomentumScrollEnd检测视图（ScrollView、FlatList等）何时滚动，并使用派生状态进行条件呈现。

const [isScrolling, setScrolling] = useState(false) 

...
<View>
  {!isScrolling && <YourComponent/>}
  <ScrollView
    onScrollBeginDrag={() => setScrolling(true)}
    onMomentumScrollEnd={() => setScrolling(false)}
...
  />
</View>

赞(0）回复(0）举报 2023-02-16

我来回答

React Native 如何隐藏顶部导航栏和底部滚动？

1条答案

相关问题

热门标签

最新问答