Реагируйте, заголовок заголовка навигации обрезан

Question

Так что в основном я в процессе обучения реагирую на родную.Я использую навигационный пакет реагирования, и я просто хочу отобразить заголовок простого заголовка в моем стековом навигаторе, но заголовок обрезается. Заголовок стека

Это мой App.js

import React from 'react';
import { View, Text } from 'react-native';
import { createStackNavigator, createAppContainer} from 'react-navigation'
import HomeScreen from './screens/HomeScreen'
import DetailsScreen from './screens/DetailsScreen'

const RootStack = createStackNavigator(
  {
    Home: HomeScreen,
    Details: DetailsScreen,
  },
  {
    initialRouteName: 'Home'
  }
);

const AppContainer = createAppContainer(RootStack)

export default class App extends React.Component {
  render(){
    return<AppContainer />
  }
}

, а это мой HomeScreen.js

import React from 'react'
import {Button, View, Text } from 'react-native'

export default class HomeScreen extends React.Component {

  static navigationOptions = {
      title: 'Home',
  }

  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Home Screeeen</Text>
        <Button
          title="Go to Details"
          onPress={() => this.props.navigation.navigate('Details')}
        />
      </View>
    )
  }
}

Это не похоже наэто на телефонах моих друзей.Я использую OnePlus 6 с Android 9. Они на более старых версиях Android это может быть причиной?

Answer 1

Оказывается, это особая проблема, затрагивающая пользователя OnePlus, который решил использовать шрифт OnePlus Slate вместо exmaple robot.Смена шрифта в телефоне устраняет проблему, либо вы принудительно используете шрифт в приложении, и он также должен работать