How to auto-hide react-navigation header with scroll down?

Question

How can I automatically hide a header with a scroll-down action and show the header with a scroll-up action in Android using react-navigation in React Native?

    const HomeStack = createStackNavigator({

      Home: {
        screen: HomeIndexScreen,
      },
      Details: {
        screen: HomeItemScreen,
      }
    },{
      headerLayoutPreset : 'center',
      headerMode: 'float'
    });