React Native Navigator: пользовательский компонент не отображается - PullRequest
0 голосов
/ 16 сентября 2018

В моем ящике в данный момент ничего не отображается.Если я избавлюсь от пользовательского компонента, в ящике появится опция Home.Так что я знаю, что с настройкой пользовательского компонента что-то не так, но я не совсем уверен, что, поскольку я не получаю никаких ошибок, и я попытался поиграть со стилем компонента.

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { createDrawerNavigator } from 'react-navigation';
import HomeScreen from './component/HomeScreen';
import Settings from './component/Settings';
import {Icon, Button, Container, Header, Content, Left} from 'native-base';


export default class App extends React.Component {
  render() {

  return (
    <MyApp/> 
  );
 }
}

const MyApp = createDrawerNavigator({
  Home: {
   screen: HomeScreen
  }
}, {
  initialRouteName: 'Home',
  drawerPosition: 'right',
  contentComponent: CustomDrawerContentComponent,
  drawerOpenRoute: 'DrawerOpen',
  drawerCloseRoute: 'DrawerClose',
  drawerToggleRoute: 'DrawerToggle'
})

const CustomDrawerContentComponent = (props) => (

  <Container>
    <Header style={{height: 200, backgroundColor: 'white', paddingTop: 50}}>
      <Body>
        <Image style={{width: 30, height: 30}} source={require("./img/close.png")}/>
      </Body>
   </Header>

 </Container>
); 

1 Ответ

0 голосов
/ 16 сентября 2018

Вы забыли импортировать тело из «native-base» и изображение из «Reaction-native».

Чтобы исправить импорт:

import {Icon, Body, Button, Container, Header, Content, Left} from 'native-base'; import {Image} from 'react-native';

УведомлениеЯ удалил модули StyleSheet, Text и View из import { StyleSheet, Text, View } from 'react-native';, так как они не используются в вашем файле.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...