StackNavigator crashing on Android with 1.0.0-beta.16

[richeterre]

Current Behavior

1. Create a blank RN project using react-native init
2. Add a dead-simple StackNavigator:

const DemoNavigator = StackNavigator({
  Blank: { screen: () => <Text>Blank</Text> }
})

export default class App extends Component<{}> {
  render() {
    return (
      <DemoNavigator  />
    );
  }
}

1. Run project on Android (I'm using an API level 23 emulator)

Result:

Expected Behavior

The app should render a StackNavigator with a screen containing the text "Blank". On iOS this works as expected.

Your Environment

software	version
react-navigation	0.49.5
react-native	1.0.0-beta.16
node	8.8.1
npm or yarn	yarn 1.2.1

[kelset]

Thanks for reporting, we'll look into it asap.

[spencercarli]

Interesting - can't reproduce on Android https://snack.expo.io/B1pzVPURZ

Checking on a nexus 5. Need to check what version of android Looks like I'm running Android 6.0.1, which seems is also API level 23?

[richeterre]

I'm running it on a Nexus 5X emulator with API level 23. Not super familiar with Expo tbh, but I wonder if the behavior can differ between Expo and react-native init?

[matthamil]

I can reproduce with react-native init, same error as OP.

[spencercarli]

Yeah must be a discrepancy between expo and react native

[spencercarli]

It's due to the JSC version on Android (Expo specifies a higher one, which is why we didn't see that error before). If you turn on remote debugging on Android the app will render.

Still trying to figure out why this occurs and how to fix it.

[mitchellhuang]

Getting the exact same error. Nexus 5X real device, API level 25.

"react": "^16.0.0-beta.5",
"react-native": "^0.49.5",

[allmaxgit]

@huangbong
For fix you can change react-navigation dependency in package.json:

"react-navigation": "git+https://github.com/react-community/react-navigation.git#ed2fc9a09e2f562ae9d3fc7f5df17c593989db0a",

for directly install react-navigation from this repository with commit where it bug fixed.
And run yarn.

[mitchellhuang]

@allmaxgit works perfect now. Thanks!

[h0rac]

dave solution works with editing src/views/SafeAreaView.js

[johngoren]

I don't know if I should open up a separate issue for this, but I found that under beta.16, my stack developed an unsightly white gap over the toolbar that went away when I rolled back to beta.15.

[clickclickonsal]

@johngoren I've experienced that issue with beta.15
(Before)

I'm pointing to the version @allmaxgit pointed out because that fixes the original issue. In using that version, that as well fixes that weird white gap over the toolbar in beta.15.
(After)

[kelset]

@johngoren @clickclickonsal yeah we already fixed the header issue, I suggest you point to master if you have the necessity to be on beta.16. But we are going to do a new release soon 💪

[kelset]

Quick update: we released ´beta.17´, @richeterre can you please update and close this issue if it's fixed?

[richeterre]

It's a fix! Thank you for the quick response, and keep up the good work ❤️