如何更改反应导航标题的高度

时间:2019-03-27 02:24:37

标签: javascript react-native react-navigation

尝试样式化标题时,仍然无法更改标题上的高度

即使使用

static navigationOptions = ({navigation}) => ({
    title: 'Title',
    headerStyle: {height: 60}
  })

enter image description here

1 个答案:

答案 0 :(得分:1)

我更喜欢完全删除标头,然后使用react-native-elements中的标头:

createStackNavigator(screens, { headerMode: 'none' })

然后是标题

import { Header } from 'react-native-elements';

<Header...>

该组件考虑顶部状态栏的大小,并自动执行所有操作,并在Expo和弹出的应用程序上运行