Нет ошибок в консоли, ничего не указывает на то, что не так. Все примеры кажутся устаревшими, возможно, я использую неправильные версии?Я использую 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>
);
}
}
Я не знаю, что еще яможет обеспечить.Не уверен, что это ошибка, или я делаю что-то не так.