Я интегрировал пакет собственной навигации реагирования (v2) для навигации внутри моего собственного приложения реакции.На верхней панели я использую две иконки, левой кнопкой является открытие боковой панели и правой кнопкой, чтобы показать и открыть системное уведомление.
Я не могу отобразить значок rightButton на ios версии 10.0, он отлично работает для 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>
Подскажите, пожалуйста, как я могу добавить событие в rightButton, используя пакет собственной навигации реагирования, для версии ios 10.0 или ниже.