react-navigation-header-buttons

This release includes a new onOverflowMenuPress?: ({ hiddenButtons: Array<React.Element<*>> })=>any prop which you can use to handle tapping on the overflow button. This may be handy if the default handlers do not fit your needs.

onOverflowMenuPress accepts a single parameter - an object with hiddenButtons key.

this release includes

• support for testIDs for e2e tests
• minor adjustments to flow and TS typings

OverflowIcon is now required if you need overflow buttons. No default OverflowIcon is provided. There are no other steps needed to upgrade.

you can now import HeaderButtons with predefined IconComponent, see the comparison. Please note this was removed in 1.0.0

ex:

import { IoniconHeaderButtons, Item } from 'react-navigation-header-buttons'

static navigationOptions = {
  title: 'Usage With Icons',
  headerRight: (
    <IoniconHeaderButtons color="blue">
      <Item title="add" iconName="ios-search" onPress={() => console.warn('add')} />
      <Item title="select" onPress={() => console.warn('edit')} />
    </IoniconHeaderButtons>
  ),
};

• if you do not define onPress prop, the rendered button won't respond to touches

• added TS definitions

• improve location of ripple on the default overflow button
• improve right margin of the default overflow button
• new overflowButtonWrapperStyle prop