Текст меню ящика обрезан справа - PullRequest
Новая
       3

Текст меню ящика обрезан справа

0 голосов
/ 01 июля 2019

Я создаю навигацию по ящикам в собственном приложении, но текст меню ящиков отображается неправильно. У меня есть меню примерно как, но его дисплей "Абу" и второй это контакт, а его дисплей "Con-". Код работает нормально, но текст обрезан. показывает только некоторые символы. 

import React, { Component } from 'react';
import {Text, View, StyleSheet,SafeAreaView,ScrollView,Dimensions,Image } from 'react-native';
import {createDrawerNavigator, DrawerItems} from 'react-navigation';
import HomeScreen from './screen/HomeScreen';
import AboutScreen from './screen/AboutScreen';
import ContactScreen from './screen/ContactScreen';

export default class App extends Component {
  render() {
    return (
      <AppDrawerNavigator />
    );
  }
}

const CustomDrawerCOmponent = (props) => (
  <SafeAreaView style={{flex:1}}>
    <View style={{height:150,backgroundColor:'white',alignItems:'center',justifyContent:'center'}}>
        <Image source={require('./assets/images/logo.png')} style={{height:120,width:120,borderRadius:60}} />
    </View>
    <ScrollView>
      <DrawerItems {...props} />
    </ScrollView>
  </SafeAreaView>
)
const AppDrawerNavigator = createDrawerNavigator ({
    Home: HomeScreen,
    About: AboutScreen,
    Contact: ContactScreen,
}, {
  contentComponent: CustomDrawerCOmponent,
}
)

styles = StyleSheet.create({
  container: {
    flex:1,
    justifyContent: 'center',
    alignItems: 'center'
  }
})

Код работает нормально, но текст обрезан. показывает только некоторые символы.

это изображение как это выглядит

...