Господа, всех приветствую, два дня назад начал работать с React Native
Прохожу курс на курсере, реализовал список элем используя FlatList, с этим вроде разобрался, начал реализацию меню, доустановил либу react-navigation@2.0.1, юзаю ф-цию createStackNavigator для создания меню
все сбилдилось, но не отображаеться моя Menu компонента
const MenuNavigator = createStackNavigator({
Menu: {screen: Menu},
DishDetail: {screen: DishDetail}
}, {
initialRouteName: 'Menu',
navigationOptions: {
headerStyle: {
backgroundColor: '#512DA8'
},
headerTintColor: '#fff',
headerTitleStyle: {
color: '#fff'
}
}
});
export class Menu extends React.Component {
constructor(props) {
super(props);
this.state = {
dishes: DISHES
}
}
static navigationOptions = {
title: 'Menu'
};
render() {
const {navigate} = this.props.navigation;
const renderMenuItem = ({item, index}) => {
return (
<ListItem
key={index}
title={item.name}
subtitle={item.description}
hideChevron={true}
leftAvatar={{ source: require('./images/uthappizza.png') }}
onPress={() => navigate('DishDetail', {dishId: item.id})}
/>
)
};
return (
<FlatList
data={this.props.dishes}
renderItem={renderMenuItem}
keyExtractor={item => item.id.toString()}
/>
)
}
}
