![](/img/trans.png)
[英]How can I efficiently render an Image Component in a React Native Header bar?
[英]How can i change Header Bar height in react native?
我正在尝试更改 React-Native Stack Navigator 中的 Header Bar 高度
这是我的代码
我尝试输入 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>
);
};
您可以将 options 道具更新为以下内容并让我知道它是否有效吗?
options={{
title: 'MOVIEAPP',
headerTitleStyle: {
fontWeight: 'bold',
},
headerStyle:{
height:200, // i tried to put height
backgroundColor: 'red'
}
}}
请查看官方文档
我们在这里只看到 backgroundColor。
改为设置自定义 header
<Stack.Screen
options={
header: (props) =>
(
<View style={{ height: 100 }}>
...
</View>
),
}
/>
但是你必须找到一种方法来集成箭头功能
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.