我正在使用react-navigation 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固定在顶部?
使用Animated.diffClamp()作为说明文件: