There is a problem address bar android using react native web

Viewed 43

Hi everybody im making a hybrid app usin react native and expo. im have a problem whit this

enter image description here

When the address bar is vissible i not have problem but when im scrolling to down i can to see a white bottom padding

enter image description here

Im have entire application at SafeArea Contex

  return (
    <SafeAreaProvider
      style={styles.container}
    >
      <Provider
        store={ store }
      >
        <PaperProvider theme={themeLigth}>
          <AppContainer/>
        </PaperProvider>
      </Provider>
    </SafeAreaProvider>
  );

but this does not working, the only way i can find any result is the following

  return (
    <SafeAreaProvider
      style={{
        paddingTop: 2,
      }}
    >
      <Provider
        store={ store }
      >
        <PaperProvider theme={themeLigth}>
          <AppContainer/>
        </PaperProvider>
      </Provider>
    </SafeAreaProvider>
  );

This keeps the address bar always visible but this seems unattractive to me and I don't know what effect it may have on ios safari

Any idea which way to go to solve the problem? Thanks for the answers

0 Answers
Related