https://github.com/vikeri/re-navigate
Example of React Native Navigation with re-frame/re-natal
https://github.com/vikeri/re-navigate
clojurescript navigation navigator re-frame react-native react-navigation
Last synced: 5 months ago
JSON representation
Example of React Native Navigation with re-frame/re-natal
- Host: GitHub
- URL: https://github.com/vikeri/re-navigate
- Owner: vikeri
- License: epl-1.0
- Created: 2016-04-25T14:03:56.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-05-12T06:36:57.000Z (almost 8 years ago)
- Last Synced: 2024-08-05T10:09:20.426Z (9 months ago)
- Topics: clojurescript, navigation, navigator, re-frame, react-native, react-navigation
- Language: Clojure
- Size: 251 KB
- Stars: 62
- Watchers: 3
- Forks: 11
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-re-frame - re-navigate - frame/re-natal (Tools / React Native)
README
> Update 2017-02-01: Got a VERY quick and dirty version for the new React Navigation library going. If you are looking for the old one for NavigationExperimental it is on the branch [old-re-navigate](https://github.com/vikeri/re-navigate/tree/old-re-navigate)
# re-navigate
> Example of React Navigation with [re-frame](https://github.com/Day8/re-frame)/[re-natal](https://github.com/drapanjanas/re-natal/)
This example uses React Native's new Navigation component [React Navigation](https://reactnavigation.org/) that eventually will replace the current React Native navigation solutions (or so they say).
The one thing that does not work is to read the state of the tabs in `re-frame`. If you do that the tab switching will flicker. So currently it is a hack that saves the state to the re-frame db but uses the Navigators own state management to actually update the state.
If someone wants to give the full `re-frame` solution a stab that can be found on commit 78c79aa.
Reading the state of the stack from re-frame works just fine.
## Example code
It is based on the scaffold from [re-natal](https://github.com/drapanjanas/re-natal/), almost everything is found in [re-navigate.ios.core](src/re_navigate/ios/core.cljs)
## Run
Requirements:
- node & npm/yarn
- leiningen `brew install leiningen`
- re-natal & react-native-cli `npm install -g re-natal react-native-cli`
`cd` into the directory.
```
yarn && lein prod-build && react-native run-ios
```
## Notes
- React (15.4.2)
- React Native (0.40.0)
## Contributors
Viktor Eriksson ([vikeri](https://github.com/vikeri))
Anthony Mittaz ([sync](https://github.com/sync))
Sam Liu ([wind13](https://github.com/wind13))