rnrf-relay-renderer
Version:
Helps to integrate relay to react-native-router-flux in react-native application
50 lines (41 loc) • 1.32 kB
Markdown
Relay renderer adopted to work with [react-native-router-flux](https://github.com/aksonov/react-native-router-flux) library.
- [x] Move Relay renderer from example in ths repo as module.
- [ ] Add tests
- [ ] Rewrite example to use this module
- [x] Release it on npm.
First of all, install it with `npm`:
```
npm install rnrf-relay-renderer --save
```
Then you will be able to pass it to the `react-native-router-flux` scene definition.
```jsx
// importing Renderer from library
import RelayRenderer from 'rnrf-relay-renderer'
// then we include it to `wrapBy` option. Note function calling
// we can per-configure Renderer here. See API section.
<Router createReducer={reducerCreate} wrapBy={RelayRenderer()}>
<Scene key="root">
<Scene
key="Countries"
component={CountriesListScreen}
queries={{viewer: () => Relay.QL`query { viewer } `,}}
/>
<Scene
key="Country"
component={CountryInfoScreen}
queries={{viewer: () => Relay.QL`query { viewer } `,}}
/>
<Scene
key="City"
component={CityInfoScreen}
queries={{viewer: () => Relay.QL`query { viewer } `,}}
/>
</Scene>
</Router>
```
to be done