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

Question

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

环境:

• react 原生0.60
• react-native-cli:2.0.1
• react 导航: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 智能手机进行模拟并遇到此错误，请尝试使用 native Android 字体。