Как я могу уменьшить отступ в Stack.Navigator / Stack.Screen?

Question

const Drawer = createDrawerNavigator();
const Stack = createNativeStackNavigator();

function Root() {
    return (
        <Stack.Navigator>
            <Stack.Screen name="Main"
                          component={MainMenu}
                          options={{ headerShown: false }}/>
            <Stack.Screen name="Games"
                          component={Games}
                          options={{ headerShown: true,
                          }}
            />
        </Stack.Navigator>
    );
}

const App = () => {
  return (
      <NavigationContainer>
        <Drawer.Navigator initialRouteName="Main">
            <Drawer.Screen name="MainMenu" component={Root}/>
        </Drawer.Navigator>
      </NavigationContainer>
  );
};

У меня имеется подобная навигация, но между Drawer и Stack имеется большой разрыв, как я могу его уменьшить?

Answer 1

Ппробуйте так:

<Stack.Navigator screenOptions={{
        headerStyle: {
            margin: 0,
            // дополнительные стили через CamelCase, если нужно 
        },
    }}
>

БЛОГ НА HUSL

Как я могу уменьшить отступ в Stack.Navigator / Stack.Screen?

Ответы (1 шт):