首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在反应导航中,如何防止AppBar被固定在顶部?我希望它在我滚动的时候消失

在反应导航中,如何防止AppBar被固定在顶部?我希望它在我滚动的时候消失
EN

Stack Overflow用户
提问于 2020-01-28 09:20:27
回答 1查看 888关注 0票数 2

我正在使用react导航5.x,当我向下滚动时,我希望我的AppBar消失。

我的导航是这样的:

代码语言:javascript
复制
import React from 'react';
import { createDrawerNavigator } from '@react-navigation/drawer';

export default function createAppContainer(AppNavigator) {
  const { Navigator, Screen } = createDrawerNavigator();
  // eslint-disable-next-line react/prop-types
  return ({ AppBar, DrawerContent, ...rest }) => (
    <Navigator drawerContent={DrawerContent}>
      <Screen
        name="inner-drawer"
        component={(props) => (
          <AppNavigator
            headerMode="screen"
            screenOptions={AppBar ? {
              header: AppBar,
            } : undefined}
            {...props}
          />
        )}
        {...rest}
      />
    </Navigator>
  );
}

在反应导航中,如何防止AppBar被固定在顶部?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-01-28 09:26:07

如文档所述,请使用Animated.diffClamp()

这对于滚动事件非常有用,例如,当滚动时显示导航条,在向下滚动时隐藏它。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59945501

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档