小编ste*_*anS的帖子

我正在使用React-Navigation并StackNavigator在我的反应本机应用程序的顶部实现一个导航栏，它显示应用程序徽标居中和右侧的菜单按钮。不过，我无法让它占据标头容器的完整空间，左侧始终有约 20px 的边距。

正如您在我的代码中看到的，我已经应用了各种样式属性，例如margin: 0、padding: 0和to以及导航栏组件本身，但它们都没有帮助。alignment: fillwidth:100%headerStyleheaderContainerStyle

应用程序.js：

import React from 'react';
import { StyleSheet, View } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

import {Home} from "components/Home";
import {NavigationBar} from "components/NavigationBar";

const Stack = createStackNavigator();

export default function App() {
  return (
    <NavigationContainer headerStyle={styles.container}>
      <Stack.Navigator
        initialRouteName="Home" headerStyle={styles.container}
        screenOptions={{
                        headerTitleContainerStyle: styles.container,
                        headerTitleStyle: styles.title,
                        headerStyle: styles.header,
                        headerTitle: props => <NavigationBar {...props} /> …