Невозможно открыть ящик в native-базе - PullRequest
0 голосов
/ 06 сентября 2018

Нет ошибок в консоли, ничего не указывает на то, что не так. Все примеры кажутся устаревшими, возможно, я использую неправильные версии?Я использую this в качестве ссылки.

Зависимости:

"react-native-scripts": "1.14.0",
"expo": "^27.0.1",
"native-base": "^2.7.2",
"react": "16.3.1",
"react-native": "~0.55.2",
"react-navigation": "^2.12.1"

Код:

import React from "react";
import { createDrawerNavigator } from "react-navigation";
import { Text, Root, Container, Content, Header, Left, Button, Icon, Body, Title } from "native-base";
import StyleProvider from "theme/StyleProvider";

class HomeScreen extends React.Component {
  render() {
    return (
      <Container>
          <Header>
            <Left>
              <Button
                transparent
                onPress={() => this.props.navigation.navigate("DrawerOpen")}
              >
              <Icon name="menu" />
              </Button>
            </Left>
            <Body>
              <Title>HomeScreen</Title>
            </Body>
          </Header>
        <Content padder />
      </Container>
    );
  }
}

const SideBar = () => (
  <Container>
    <Content>
      <Text>Text</Text>
    </Content>
  </Container>
);

const HomeScreenRouter = createDrawerNavigator({
  Home: { screen: HomeScreen }
}, {
  contentComponent: props => <SideBar {...props} />
});

export default class App extends React.Component {
  render() {
    return (
      <StyleProvider>
        <Root>
          <HomeScreenRouter />
        </Root>
      </StyleProvider>
    );
  }
}

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

1 Ответ

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

Вы просто используете

this.props.navigation.openDrawer();

от

this.props.navigation.navigate("DrawerOpen")

Эта ссылка может вам помочь

...