Как использовать OptionsMenu (из response-native-options-menu) в заголовке Reaction-native-router-flux? - PullRequest
Новая
       10

Как использовать OptionsMenu (из response-native-options-menu) в заголовке Reaction-native-router-flux?

1 голос
/ 18 марта 2019

Я хотел использовать меню OptionsMenu из react-native-options-menu с компонентом заголовка react-native-router-flux.Вот мой подход

MenuOptions.js: 

import React from 'react';
import OptionsMenu from "react-native-options-menu";
import Icon from "react-native-vector-icons/Ionicons";

const MenuOptions = () => {
    const myIcon = (<Icon name="rocket" size={30} color="#900" />);
    return(
        <OptionsMenu
            customButton={myIcon}
            destructiveIndex={1}
            options={["Edit", "Delete", "Cancel"]}
        />
    );
}

export default MenuOptions;

Router.js: 

import ...
import MenuOptions from "./components/MenuOptions";
const RouterComponent = () => {
    return (
        <Router>
            <Scene key="root" hideNavBar>

                <Scene key="auth">
                    <Scene key="login" component={LoginForm} title="Please login" initial />
                </Scene>

                <Scene key="main">
                    <Scene 
                    key="..." 
                    component=... 
                    title="..." 
                    rightTitle="More"
                    onRight={()=> {
                        return <MenuOptions />
                    }}
                    initial
                    />
                    <Scene> ... </Scene>
                </Scene>

            </Scene>
        </Router>
    );
}

export default RouterComponent;

Когда я нажимаю More, опции меню не загружаются.Что не так с моим подходом?У кого-нибудь есть лучшее решение?

...