Я хочу создать меню гамбургера, которое будет внизу справа, реагировать на навигацию, я использую createMaterialBottomTabNavigator безуспешно

Question

MaterialBottomTabNavigator не принимает никакую кнопку, пока я не установлю маршрут к ней. Мне нужно меню, которое появляется из нижнего правого положения, когда я нажимаю указанную кнопку c в навигации по нижней вкладке материала

Answer 1

Хамза, выполните следующие действия:

первая установка

пряжа добавить реагирующие навигационные вкладки

или используйте npm

npm установить реагирующие навигационные вкладки

в файле навигатора. js добавить это

import { createBottomTabNavigator } from 'react-navigation-tabs';
import { Icon} from 'react-native-elements';
import { createAppContainer } from 'react-navigation';

const TabNavigator = createBottomTabNavigator(
    {

 //choose the screen page you want and add the option like default options and colors

            home: {
                screen: ItemsNavigator,
                navigationOptions: {

 //for icon you must use the icon set you install here i use icon from react-native-elements, just use your own , material or etc

                    tabBarIcon: (tabInfo) => {
                        return <Icon reverse name="ios-home" type="ionicon" size={25} color={tabInfo.tintColor} />;
                }
            }
        }

    },
    {
        tabBarOptions: {
            activeTintColor: 'tomato',
            inactiveTintColor: 'gray'
        }
    }
)


 //final step is make your app container , pass your constant name or top level navigator


export default createAppContainer(TabNavigator );