反应导航标题标题被切断

Question

所以基本上我正在学习本地反应。我使用的是react导航包，我只想在我的堆栈导航器上显示一个简单的标题，但标题已切断。堆栈导航标题

这是我的 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>
    )
  }
}

在我的朋友手机上看起来不是这样。我在Android 9上使用了OnePlus6。它们在旧版android上，可能会引起某些问题吗？

Answer 1

原来，这是一个特定的问题，影响到选择使用OnePlus Slate字体而不是用于exmaple机器人的OnePlus用户。更改手机中的字体可以解决此问题，或者您可以在应用程序中强制使用字体，它也应该可以正常工作