[android] Left margin

[oxyii]

I'm not sure that this is correct way to fix left margin but it's works!

Related SO

P.S. Thanks for the great component! I hope you continue to develop it! Especially in the part of Android-platform

[oxyii]

@iRoachie Wow! You are here too ))) Hi !!! About this PR:

BEFORE

AFTER

[iRoachie]

Haha Yea, I manage a few libs. Thanks for the contribution 🎉

[iRoachie]

Live in v3.5.1

[oxyii]

@iRoachie Great! Thanks!

P.S. About RNN headers. I don't know why but on iOS platform search-bar with searchBarStyle="minimal" placed correct only with margin wrapper. I'm not sure that this is bug... Just for information

<View style={{ marginTop: -8 }}>
  <SearchBar searchBarStyle="minimal" />
</View>

[iRoachie]

Seems to work fine for me

<SafeAreaView style={styles.container}>
  <SearchBar searchBarStyle="minimal" />
</SafeAreaView>

...

const styles = StyleSheet.create({
  container: {
    backgroundColor: Colors.lighter,
    justifyContent: 'center',
  },
});

[oxyii]

@iRoachie I mean RNN iOS native header (in stack). But it can be issue of title position in RNN iOS header. I'm not sure.

Navigation.registerComponent('searchbar', () => SearchBar);
Navigation.setRoot({
  root: {
    stack: {
      children: [
        {
          component: {
            name: 'screen.component',
            options: {
               topBar: {
                 title: {
                   component: {
                      name: 'searchbar',
                      alignment: 'fill',
                   },
                 },
               },
            },
          }
        }
      ],
    },
  }
});

[iRoachie]

Oh I don't know anything about react-native-navigation. I haven't used it in few years. I only use react-navigation

[oxyii]

@iRoachie Okay. If <SearchBar searchBarStyle="minimal" /> did not have any vertical paddings on iOS then it's exactly RNN issue.

Just for information

Thank you!

[oxyii]

@iRoachie About RNN iOS header - confirmed. This is a RNN issue