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: 2 days 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 (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-05-12T06:36:57.000Z (about 7 years ago)
• Last Synced: 2024-03-09T22:38:40.778Z (4 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

Lists

• 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))