React-Native-Navigation (v2) Bottom Tab onPress

Question

I have a Bottom Tab with a Play Button in the middle, I would like to fire a function instead of load a registered screen.

Right now I have:

children: [
    {
      component: {
        id: 'player' 
        name: 'navigation.PlayerScreen',
        passProps: {
          text: 'Player',
        }
      }
    }
  ],

I´m searching if there´s something like that without the need of a screen:

children: [
    {
      component: {
        id: 'player'
        onPress: () => playMusic()
      }
    }
  ],

Versions:

"react-native": "0.59.3",
"react-native-navigation": "2.16.0"

Thanks in advance.

try this page... react native provide lots of event/hooks... wix.github.io/react-native-navigation/#/docs/events — sathish kumar
– sathish kumar, Commented Apr 15, 2019 at 15:09
@sathishkumar I was able to trigger a function with the event registerBottomTabSelectedListener but I´m still attached to a screen navigation when I press the button. I just want the function, nothing more. — NEOline
– NEOline, Commented Apr 16, 2019 at 9:21

Fatih Mert Doğancan · Accepted Answer · 2019-06-18 09:05:12Z

1

This is not possible.

You can do it like this;

Create a component called PlayMusic
Connect onPress to PlayMusic component
Define the PlayMusic component to wix's and then define component.name.

If you want to send parameters to the function, you can use passProps. (Remember to update the PlayMusic component)

answered Jun 18, 2019 at 9:05

Fatih Mert Doğancan

1,10014 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

NEOline Over a year ago

That´s right, is not possible. Thank you for the alternative, I like the Wix Navigation but we moved to React Navigation and now works like a charm.

Oliver D Over a year ago

Can you share what's exactly you do in faced same things with react-navigation @NEOline

Collectives™ on Stack Overflow

React-Native-Navigation (v2) Bottom Tab onPress

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related