I'm working with [styled-components](https://github.com/styled-components/styled-components) on my react-native project. We are using [react-native-navigation](https://github.com/wix/react-native-navigation) to perform navigation within the application. So the question is how can I implement theme pattern from styled-components in such kind of application?
The problem is that to perform the idea of theming in terms of styled-components I have to wrap my top level component in `<ThemeProvider />` like this:

```
<ThemeProvider theme={theme}>
  <App />
</ThemeProvider>

```

But with react-native-navigation I don't have top level component. It has the idea of screens, so the application entry will look like this:

```
registerScreens(); // this is where you register all of your app's screens

// start the app
Navigation.startSingleScreenApp({
  screen: { ... },
  drawer: { ... },
  passProps: { ... },
  ...
});

```