[英]React native drawer navigation not working on button click
我為抽屜導航添加了代碼,但似乎無法正常工作。 有人可以幫我這個忙嗎
DrawerNavigation.js
import React from 'react';
import { AppRegistry} from 'react-native';
import { createDrawerNavigator } from 'react-navigation';
import { Icon } from 'react-native-elements';
import link from '../link';
export const Drawer = createDrawerNavigator({
link: {
screen: link,
navigationOptions: {
drawerLabel: "Drawer Item 1",
drawerIcon: ({ tintColor }) => <Icon name="rocket" size={24} />
},
}
});
AppRegistry.registerComponent('myapp', () => Drawer);
在navigator / index.js中,我為我在左側創建的漢堡包按鈕調用DrawerOpen onPress函數。
import React from 'react';
import {createStackNavigator} from 'react-navigation';
import { Icon } from 'react-native-elements';
import { ScrollView, Text, StyleSheet, View, Button} from 'react-native';
import { TouchableOpacity } from 'react-native';
import IOSIcon from "react-native-vector-icons/Ionicons";
import {Tabs} from "./TabbedNavigation";
import {Drawer} from "./DrawerNavigation";
export default createStackNavigator({
Tabs: {
screen: Tabs,
navigationOptions: ({ navigation }) => ({
title: 'Flurry Fit',
//headerLeft:<Icon name="menu" size={30} iconStyle={{padding: 8}} onPress={ () => navigation.navigate('DrawerOpen') } />,
headerLeft:(
<TouchableOpacity onPress={() => navigation.navigate('DrawerOpen')}><!-- Button click event seems having an issue. -->
<IOSIcon name="ios-menu" size={30} />
</TouchableOpacity>
),
headerRight:<Button onPress={() => alert('Link to Map')} title="Map" color="#000" style={{fontSize: 14}}/>,
})
},
},
{
//mode: 'modal',
//headerMode: 'screen',
});
我不確定“不工作”是什么意思。 但是我使用toggleDrawer()方法顯示/隱藏抽屜菜單。
import { createStackNavigator,createDrawerNavigator, DrawerItems, SafeAreaView } from 'react-navigation';
onPress={()=> navigation.toggleDrawer()}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.