抽屉正在“吃”屏幕标签的一部分。怎么解决？

Question

我正在开发一个抽屉，用于在应用程序的屏幕之间进行导航。我有一个主屏幕，在编译应用程序时，其标签为“主页”。抽屉仅显示“ Hom”，而不显示全名（主页）

环境：

• 原生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

问题出在电话的来源。如果您使用Oppo智能手机进行仿真并遇到此错误，请尝试使用本机android字体。