question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[6.0] Top margin not working on some android devices on expo (pixel 4a)

See original GitHub issue

Describe the bug A clear and concise description of what the bug is.

To Reproduce Steps to reproduce the behavior:

  1. run the expo script from the v6readme
  2. setup pixel 4a emulator
  3. run yarn android
  4. preview is partly covered by the notch

Expected behavior

Top margin should make all of the preview visible

Screenshots

image

Code snippets

changing the app.tsx to the following is a workaround

import React from "react";
import { StatusBar, StyleSheet, View } from "react-native";
import StorybookUIRoot from "./.storybook/Storybook";

export default () => (
  <View
    style={[
      StyleSheet.absoluteFillObject,
        { marginTop: StatusBar.currentHeight },
    ]}
  >
    <StorybookUIRoot />
  </View>
);

Issue Analytics

  • State:open
  • Created 2 years ago
  • Reactions:1
  • Comments:7 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
jorgeruvalcabacommented, Sep 30, 2022

I haven’t been able to finish with this, feel free to open a PR @wilkuintheair

1reaction
jorgeruvalcabacommented, Nov 15, 2021

I can take this task @dannyhw

Read more comments on GitHub >

github_iconTop Results From Across the Web

[6.0] Top margin not working on some android devices on expo ...
setup pixel 4a emulator; run yarn android; preview is partly covered by the notch. Expected behavior. Top margin should make all of the...
Read more >
Fix an installed app that isn't working on a Pixel phone
Try the following steps if an app installed on your phone has any of these problems: Crashing. Won't open. Won't respond. Isn't working...
Read more >
react-native buttons padding/margin top don't work
I am tryin g to make the buttons login and register have top spacing from the logo above them but no css ...
Read more >
nhE - River Thames Conditions - Environment Agency - GOV.UK
Not keeping the promise quotes, Wy metro 1 timetable, Brett hammerman, ... Mf633+ driver, 6.0 head gasket symptoms, Arti hideung bodas, Android game...
Read more >
Untitled
Spodiodie, Firefox jnlp application not found, Telegram desktop, ... Android blackmart alpha free download, Activesync android not working, Buy canon bp-727 ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found