fix corner component position for RN 0.28

react-native-simple-router-community · Jun 24, 2016 · 9b75852 · 9b75852
1 parent 9166a2b
commit 9b75852
Showing 1 changed file with 4 additions and 11 deletions.
diff --git a/components/NavBarContent.js b/components/NavBarContent.js
@@ -52,15 +52,8 @@ const styles = StyleSheet.create({
     alignItems: 'center',
   },
   corner: {
-    flex: 1,
-    justifyContent: 'center',
-  },
-
-  alignLeft: {
-    alignItems: 'flex-start',
-  },
-  alignRight: {
-    alignItems: 'flex-end',
+    flexDirection: 'row',
+    alignItems: 'center',
   },
   buttonTextLeft: {
     marginLeft: 10,
@@ -191,7 +184,7 @@ class NavBarContent extends React.Component {
 
     if (Platform.OS === 'ios' || this.props.route.leftCorner || this.props.route.index > 0) {
       leftCorner = (
-        <View style={[styles.corner, styles.alignLeft]}>
+        <View style={styles.corner}>
           {leftCornerContent}
         </View>
       );
@@ -219,7 +212,7 @@ class NavBarContent extends React.Component {
 
     if (Platform.OS === 'ios' || this.props.route.rightCorner || this.props.route.index > 0) {
       rightCorner = (
-        <View style={[styles.corner, styles.alignRight]}>
+        <View style={styles.corner}>
           {rightCornerContent}
         </View>
       );