tabBarOnPress inside static 'navigationOptions' not working

What kind of Issue is this?

• () Bug Report
• () Question / Problem
• (x) Discussion / Feature Request

How are you using the Bottom Navigation?

• (x) I use the Bottom Navigation together with react-navigation; the Issue is not appearing when I’m using react-navigation’s TabBar instead.
• () I use the standalone version.

Expected behavior

I have added a tabBarOnPress callback function in the static navigationOptions, this function should run when the Tab is pressed. I would like to use the callback to scroll to top when the tab bar is pressed.

Actual behavior

The function is not called.

Additional description and resources

The tabBarOnPress was a new feature added to react-navigation so this might need a custom implementation in the bottom navigation component.

static navigationOptions = ({ screenProps }) => ({
        tabBarLabel: 'Feed',
        tabBarIcon: (
            <Icon
                size={24}
                color={screenProps.theme.bottomNav.inactiveIcon}
                name="view-agenda"
            />
        ),
        tabBarOnPress: (scene, jumpToIndex) => {
            console.warn(scene)
        }
    });

What did you do to find a solution?

I have read this whole issue in the react-navigation repo. https://github.com/react-community/react-navigation/pull/1335

Environment

• React Native versions: 0.50.0
• react-native-material-bottom-navigation version: 0.5.3
• react-navigation version: 1.0.0-beta.17
• I tested this with: Android

[timomeh]

I published this feature as v0.6.0 🎉

Please let me know if there should be any more issues with this

[timomeh]

I published the fix as v0.6.1. 🎉

I’m getting to a point where a few features conflict each other, and it’s a bit tricky to implement it in a way so they don’t conflict each other. To my surprise, I couldn’t reproduce any errors or weird behaviors.

Let me know if something seems wrong.