kylefang/react-native
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native.git synced 2026-02-09 09:12:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

Adopt NavigationExperimental in UIExplorer

Browse Source 
Summary:Use the new Navigation library to make the UIExplorer navigation more flexible.

Deep linking examples are coming soon (hint: we just need to convert URIs to UIExplorerActions!)

Reviewed By: javache

Differential Revision: D2798050

fb-gh-sync-id: c7775393e2d7a30a161d0770192309567dcc8b0c
shipit-source-id: c7775393e2d7a30a161d0770192309567dcc8b0c
This commit is contained in:
Eric Vicenti
2016-02-22 16:15:35 -08:00
committed by facebook-github-bot-6
parent 2551540540
commit 876ecb291f
16 changed files with 1074 additions and 605 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
Examples/UIExplorer/NavigationExperimental/NavigationAnimatedExample.js
View File

@@ -32,8 +32,8 @@ const NavigationBasicReducer = NavigationReducer.StackReducer({
initialStates: [
{key: 'First Route'}
],
matchAction: action => true,
actionStateMap: actionString => ({key: actionString}),
matchAction: action => action.type === 'push',
actionStateMap: action => ({key: action.key}),
});
class NavigationAnimatedExample extends React.Component {
@@ -45,7 +45,7 @@ class NavigationAnimatedExample extends React.Component {
<NavigationRootContainer
reducer={NavigationBasicReducer}
ref={navRootContainer => { this.navRootContainer = navRootContainer; }}
persistenceKey="NavigationAnimatedExampleState"
persistenceKey="NavigationAnimExampleState"
renderNavigation={this._renderNavigated}
/>
);
@@ -85,7 +85,7 @@ class NavigationAnimatedExample extends React.Component {
<NavigationExampleRow
text="Push!"
onPress={() => {
onNavigate('Route #' + navigationState.children.length);
onNavigate({ type: 'push', key: 'Route #' + navigationState.children.length });
}}
/>
<NavigationExampleRow