我如何更改 Header 条形图的高度？

Question

我正在尝试更改 Header 栏高度 React-Native Stack Navigator

这是我的代码

我尝试输入 headerStyle: height:'100'，但它不起作用

我该怎么办？

    const LoginNavigator = () => {
      return (
        <Stack.Navigator>
          <Stack.Screen
            name="Login"
            component={Login}
            options={{
              title: 'MOVIEAPP',
              headerTransparent: true,
              headerTintColor: '#E70915',
              headerTitleStyle: {
                fontWeight: 'bold',
              },
               headerStyle:{
                height:100,            // i tried to put height
              }
            }}
          />
        </Stack.Navigator>
      );
    };

Answer 1

你能否将 options 属性更新为以下内容并告诉我它是否有效？

options={{
    title: 'MOVIEAPP',
    headerTitleStyle: {
      fontWeight: 'bold',
    },
     headerStyle:{
      height:200,            // i tried to put height
      backgroundColor: 'red'
    }
}}

Answer 2

请查看官方文档

Official Docs

我们在这里只看到背景颜色。

改为设置自定义 header

<Stack.Screen
  options={
    header: (props) =>
        (
          <View style={{ height: 100 }}>
            ... 
          </View>
        ),
  }
/>

但是你必须想办法集成箭头功能

我如何更改 Header 条形图的高度？

How can i change Header Bar height in react native?

javascript

reactjs

react-native

react-navigation