2

有没有办法在使用 mergeOptions 函数之前读取选项。我正在尝试添加一个使用相同按钮打开和关闭的 sideMenu。但是为了处理这个逻辑，我不想使用 redux，而是想在合并之前阅读选项，所以我可以简单地做一些类似visible: !pastVisible.

navigationButtonPressed({ buttonId }) {
    Navigation.mergeOptions(this.props.componentId, {
        sideMenu: {
            'left': {
                visible: false
            }
        }
    });
    console.log(`Se presiono ${buttonId}`);
}

所以基本上我想在更改可见选项之前读取它的值。

4

1 回答 1

0

到目前为止，我只能使用 redux 来实现这一点。

import React, {Component} from 'react';
import {View, Text} from 'react-native';
import { Navigation } from 'react-native-navigation';

import { connect } from 'react-redux';
import { toggleSideMenu } from './../../store/actions/index';

class SideDrawer extends Component {

    constructor(props) {
        super(props);
        Navigation.events().registerComponentDidDisappearListener(({ componentId }) => {
            this.props.toggleSideMenu(false);
        });
    }

    render() {
        return (
            <View>
                <Text>This is the sidedrawer</Text>
            </View>
        );
    }

}

const mapDispatchToProps = dispatch => {
    return {
        toggleSideMenu: (visible) => dispatch(toggleSideMenu(visible))
    };
};
export default connect(null, mapDispatchToProps)(SideDrawer);

然后我只需将侦听器添加到 sidemenu 组件。根据情况，我更新组件的当前状态（可见或不可见）。

最后，在我想使用侧抽屉按钮的组件上，我只是实现了该navigationButtenPressed方法。然后我只是调用 reducer 来了解当前的可见状态并切换它。

navigationButtonPressed({ buttonId }) {
    const visible = !this.props.sideMenu;
    Navigation.mergeOptions(this.props.componentId, {
        sideMenu: {
            'left': {
                visible: visible
            }
        }
    });
    this.props.toggleSideMenu(visible);
}

如果有更简单的方法来实现这一点，我会很高兴知道它。

于 2019-03-05T06:58:52.553 回答