抽屉是屏幕标签的 "eating" 部分。怎么解决？

Question

我正在开发一个用于在我的应用程序屏幕之间导航的抽屉。我有一个主屏幕，标签是 "Home"，编译应用程序时抽屉只显示 "Hom" 而不是显示全名 (Home)

环境：

反应本机 0.60
react-native-cli: 2.0.1
反应导航：3

import {
  StyleSheet,
  Text,
  View,
  SafeAreaView,
  ScrollView,
  Dimensions,
  Image,
} from 'react-native';

import {
  createDrawerNavigator,
  createAppContainer,
  DrawerItems
} from 'react-navigation';

import { HomeScreen, HomeLogin } from './src/screens';

const DEVICE_WIDTH = Dimensions.get('window').width;
const App = () => {
  return <Apps />;
};
const CustomDrawerComponent = props => (
  <SafeAreaView style={{ flex: 1 }}>
    <ScrollView>
      <View
        style={{
          height: 180,
          backgroundColor: 'white',
          alignItems: 'center',
          justifyContent: 'center'
        }}
      >
        <Image
          source={require('./src/assets/nologin-user.png')}
          style={{ height: 150, width: 150, borderRadius: 75 }}
        />
      </View>
      <DrawerItems {...props} />
    </ScrollView>
  </SafeAreaView>
);

const AppDrawerNavigator = createDrawerNavigator(

  {
    Home:{
      screen:HomeScreen,
      navigationOptions:{
      drawerLabel:'Home',
      },

    }
  },    
  {
    drawerWidth: DEVICE_WIDTH - 100,
    contentComponent: CustomDrawerComponent,
    contentOptions:{
      activeTintColor:'#006bb3',
      labelStyle:{
        fontSize:13,

      },

    }
  }
);
const Apps = createAppContainer(AppDrawerNavigator);

export default App;

我希望抽屉显示 "Home" 而不是 "Hom"

问题

Answer 1

问题出在 phone 的源中。如果您使用 Oppo smartphone 进行模拟并遇到此错误，请尝试使用本机 android 字体。

抽屉是屏幕标签的 "eating" 部分。怎么解决？

Drawer is "eating" parts of the screen label. How to solve?

javascript

navigation-drawer

react-native

react-navigation