как реагировать на навигацию, как я могу предотвратить закрепление верхней панели приложений? Я хочу, чтобы он исчез, когда я прокручиваю

Question

Я работаю с response-navigation 5.x и хочу, чтобы моя панель приложений исчезала при прокрутке вниз.

Вот как выглядит моя навигация:

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>
  );
}

In реагирует -Навигация, как я могу предотвратить закрепление верхней панели приложений?

Answer 1

Используйте Animated.diffClamp () , как сказано в документации:

Это полезно при событиях прокрутки, например, для отображения панели навигации при прокрутке вверх и ее скрытия. при прокрутке вниз.