Как отобразить все элементы в DrawerNavigator в React Native с помощью React-navigation - PullRequest
Новая
       10

Как отобразить все элементы в DrawerNavigator в React Native с помощью React-navigation

0 голосов
/ 10 июня 2019

Мои пункты в меню отображаются не полностью: Проблема

Я использую response-native в последней версии, а также response-navigation. Экран используемого мобильного телефона составляет 5,5 дюйма к 1920 и 1080

Я удалил некоторый импорт, который ничего не отличал при выполнении приложения, только чтобы он не стал очень большим 

import React, { Component } from "react";
import {
  Platform,
  StyleSheet,
  Text,
  View,
  ScrollView,
  Dimensions,
  Image,
  StatusBar
} from "react-native";
import {
  createDrawerNavigator,
  createAppContainer,
  DrawerItems,
  SafeAreaView
} from "react-navigation";

import LoginScreen from "./Screens/Login/LoginScreen";
import HomeScreen from "./Screens/Home/HomeScreen";
import ChatScreen from "./Screens/Chat/ChatScreen";
type Props = {};

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

const CustomDrawerComponent = props => (
  <SafeAreaView style={{ flex: 1 }}>
    <StatusBar backgroundColor="#167cc4" barStyle="bold" />
    <View
      style={{
        height: 150,
        backgroundColor: "white",
        alignItems: "center",
        justifyContent: "center",
        paddingTop: 25
      }}
    >
      <Image
        source={require("./images/perfil.png")}
        style={{ height: 120, width: 120, borderRadius: 60 }}
      />
      <Text style={styles.textoUser}>Acesse sua Conta</Text>
    </View>
    <ScrollView style={{ paddingTop: 25 }}>
      <DrawerItems {...props} />
    </ScrollView>
  </SafeAreaView>
);

const AppDrawerNavigator = createDrawerNavigator(
  {
    Início: HomeScreen,
    Chat: ChatScreen,
    "Minha Conta": MinhaContaScreen,
    Contato: ContatoScreen,
    Suporte: SuporteScreen,
    Dúvidas: DuvidasScreen,
    "Sair da Conta": LoginScreen,
    "Relate um Bug!": BugScreen
  },
  {
    contentComponent: CustomDrawerComponent
  }
);
const Apps = createAppContainer(AppDrawerNavigator);

const styles = StyleSheet.create({
  textoUser: {
    textTransform: "uppercase",
    fontSize: 18,
    color: "#167cc4",
    fontWeight: "bold",
    paddingTop: 15
  }
});

Я ожидал, что запись вернется к завершению, не половина, как показано на рисунке.

...