Question

我集成了react native navigation package（v2）以便在我的本机应用程序内部导航。在Topbar上，我使用两个图标，leftButton用于打开侧栏，rightButton用于显示和打开系统通知。

我无法在ios 10.0版上显示rightButton图标，它对于ios 11和12都可以正常工作。要显示此按钮，我添加了一个自定义CSS。此后，它可以正确显示，但是现在我无法单击按钮，没有任何事件发生。

环境

React Native Navigation version: 2.12.0
React Native version: 0.58
Platform(s) : IOS only(on version 10.0)

代码：：

static options({ menuIcon }) {
        return {
            topBar: {
                title: {
                    fontFamily: font,
                    fontSize: fontSize.heading,
                    color: colors.white,
                    alignment: 'center',
                    text: strings.dashboard
                },
                alignment: 'center',
                elevation: 0,
                noBorder: true,
                background: {
                    color: colors.dark
                },
                leftButtons: [
                    {
                        id: 'openSideMenu',
                        icon: menuIcon ? menuIcon : APIURLServiceSingleton.getInstance()._menuIcon
                    }
                ],
                rightButtons: [
                    {
                        id: 'notificationButton',
                        component: {
                            name: 'component.notificationButton'
                        }
                    }
                ]
            }
        }
    }

自定义组件代码：：

<TouchableOpacity
    onPress={() => this.openSystemAlerts()}
    style={{ position: 'absolute', right: 0, bottom: -13 }}
>
    <View style={styles.button}>
        <View style={[posRelative]}>
            <Icon
                name="notifications-none"
                size={27}
                color={colors.white}
            />
            {(unseen_count && unseen_count > 0) &&
                <Text style={styles.badge}>{unseen_count}</Text>
            }
        </View>
    </View>
</TouchableOpacity>

请建议我如何使用React Native导航包（适用于ios 10.0或更低版本）在rightButton上添加事件。

在iOS10上无法单击React Native Navigation Topbar rightButton

0 个答案: