RightBar BarButton ordering is opposite on iOS vs Android

Hi,

When I create a RightBar with multiple BarButtons, the order is reversed on iOS compared to Android.

This doesn’t appear to impact LeftBar

Here’s some sample code from those two screenshots, from the zoom sample:

<NavigationBar
  title="Color"
  barTintColor={Platform.OS === 'android' ? '#fff' : null}>
  <TitleBar style={styles.titleBar}>
    <Text style={styles.titleBarText}>Color</Text>
    <View style={{backgroundColor: color, width: 28, height: 28}}/>
  </TitleBar>
  <LeftBar>
    <BarButton title="cancel 1" show="always" onPress={() => {
      stateNavigator.navigateBack(1);
    }} />
    <BarButton title="cancel 2" show="always" onPress={() => {
      stateNavigator.navigateBack(1);
    }} />
  </LeftBar>
  <RightBar>
    <BarButton title="cancel 1" show="always" onPress={() => {
      stateNavigator.navigateBack(1);
    }} />
    <BarButton title="cancel 2" show="always" onPress={() => {
      stateNavigator.navigateBack(1);
    }} />
  </RightBar>
</NavigationBar>

You can see this on my branch, here: https://github.com/salockhart/navigation/tree/bar-button-order

Any thoughts? It’s reasonably trivial for me to get around this, but it’s a bit annoying to remember to do.

[salockhart]

Yep that’s no issue at all. Thanks for your input!

[grahammendick]

Great, thanks! It’s all going into master