BottomSheet and Backdrop need to show above header of react-navigation

[NguyenHoangMinhkkkk]

const ScreenA = () => {
  return <View flex>
    {screenContent()}
    <BottomSheet 
       // normally using dynamicSizing
      backdropComponent={p => <BottomSheetBackdrop {...p} opacity={0.3} />}
      >
      {sheetContent()}
    </BottomSheet>
  </View>
}

// root project -> App.tsx
<NavigationContainer>
  <SafeAreaView>
    <Stack.Navigator>
      <Stack.Screen component={ScreenA}/>
    </Stack.Navigator>
  </SafeAreaView>
</NavigationContainer>

The ScreenA itself have a default Header (react-navigation's header).
And when the BottomSheet expanded, i want to make the Backdrop cover the header.