"expo": "^37.0.0",
"react-dom": "16.9.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
"react-navigation": "^4.0.9",
"react-navigation-drawer": "^2.3.3",
"react-navigation-stack": "^1.10.3",
"react-navigation-tabs": "^2.6.0"
У меня очень странная проблема. Мой заголовок stackNavigator слишком высок. После обновления до expo 37.0.0 моя строка заголовка удвоилась по высоте, и я не могу вернуть ее в нормальное состояние.
Вот мой код для stackNavigator:
const DashboardStack = createStackNavigator(
{
DashboardDrawer: { screen: DashboardDrawerNavigator }
},
{
defaultNavigationOptions: ({ navigation }) => {
return {
headerStyle: {
backgroundColor: 'red',
// height: 1,
...Platform.select({
ios: {
shadowColor: '#000',
shadowOffset: { width: 0, height: 2 },
shadowOpacity: 0.2,
paddingTop: 0,
},
android: {
elevation: 3,
headerPressColorAndroid: '#111',
paddingTop: 0,
},
}),
},
headerTintColor: '#111',
headerTitleStyle: {
color: '#999',
},
headerLeftContainerStyle: {
},
headerLeft: (
<Icon
containerStyle={styles.burgerMenuIcon}
onPress={() => navigation.toggleDrawer()}
name="menu"
type="material-community"
size={30}
color={'#999'}
underlayColor={'#111'}
/>)
}
},
}
);
export default createAppContainer(DashboardStack);
const styles = StyleSheet.create({
burgerMenuIcon: {
paddingLeft: 20,
// paddingTop: 0,
// marginTop: 0,
},
});
Вот как это выглядит:
Заголовок все еще виден, даже если я установил высоту 0:
ps заголовок красного цвета для лучшей видимости .