Блог

Я хочу отправить действие по кнопкам в пользовательском навигаторе на панели вкладок, и из-за навигационных документов react мы не можем использовать крючки в компоненте пользовательской панели вкладок . У кого-нибудь есть идея сделать это?

сначала вам нужно запретить действие панели вкладок по умолчанию , а после этого вы можете вызвать свою собственную функцию или любой компонент.

   <Tab.Screen
    name="More"
    component={Sleep}
    options={{
      tabBarLabel: <Text style={stylee.Fontfamily}>More</Text>,
      tabBarIcon: ({color}) => (
        <Icon name="menu-outline" color={color} size={ms(23)} />
      ),
    }}
    listeners={({navigation}) => ({
      tabPress: event => {
        event.preventDefault();     //preventing dafault.
        navigation.openDrawer();    //calling custom 

      },
    })}
  />
</Tab.Navigator>
 

имейте в виду , вам нужно указать компонент( это нормально, если компонент пустой или просто текст).