我正在使用react导航5.x,当我向下滚动时,我希望我的AppBar消失。
我的导航是这样的:
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被固定在顶部?
发布于 2020-01-28 09:26:07
如文档所述,请使用Animated.diffClamp():
这对于滚动事件非常有用,例如,当滚动时显示导航条,在向下滚动时隐藏它。
https://stackoverflow.com/questions/59945501
复制相似问题