Nativebase: Weird issue about button with icon right

[maphongba008]

native-base: 2.3.3
react-native: 0.50.4

If there's 1 button, it works normal. But if there're 2 buttons with 1 iconLeft and 1 iconRight, then the UI break

Here is my code:

class Home extends Component {
  render() {
    return (
      <View style={styles.container}>
        <Button iconLeft success>
          <Icon name='arrow-back' />
          <Text>Back</Text>
        </Button>

        <Button iconRight success style={{marginLeft: 10}}>
          <Text>Next</Text>
          <Icon name='arrow-forward' />
        </Button>
      </View>
    )
  }
}

[akhil-geekyants]

@maphongba008 just simply wrap all your components in <Container/>. Read about NativeBase screen structure here

Gif

[maphongba008]

@akhil-geekyants thanks mate, didn't know that I must follow NativeBase structure

[SupriyaKalghatgi]

@maphongba008 Yes, thats mentioned in the Docs at very beginning section of Components