mirror of
https://github.com/status-im/react-native.git
synced 2025-01-23 16:00:37 +00:00
7db7f78dc7
Summary: - Fork NavigationAnimatedView to NavigationTransitioner - NavigationAnimatedView will soon be deprecated and we'd ask people to use NavigationTransitioner instead. Difference between NavigationTransitioner and NavigationAnimatedView - prop `applyAnimation` is removed. - new prop `configureTransition`, `onTransitionStart`, and `onTransitionEnd` are added. tl;dr; In NavigationAnimatedView, we `position` (an Animated.Value object) as a proxy of the transtion which happens whenever the index of navigation state changes. Because `position` does not change unless navigation index changes, it won't be possible to build animations for actions that changes the navigation state without changing the index. Also, we believe that the name `Transitioner` is a better name for this core component that focuses on transitioning. Note that the actual animation work is done via `<Animated.View />` returnd from the `renderScene` prop. Reviewed By: ericvicenti Differential Revision: D3302688 fbshipit-source-id: 720c3a4d3ccf97eb05b038baa44c9e780aad120b
41 lines
1.2 KiB
JavaScript
41 lines
1.2 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* @providesModule NavigationExperimental
|
|
* @flow
|
|
*/
|
|
'use strict';
|
|
|
|
const NavigationAnimatedView = require('NavigationAnimatedView');
|
|
const NavigationCard = require('NavigationCard');
|
|
const NavigationCardStack = require('NavigationCardStack');
|
|
const NavigationHeader = require('NavigationHeader');
|
|
const NavigationPropTypes = require('NavigationPropTypes');
|
|
const NavigationReducer = require('NavigationReducer');
|
|
const NavigationStateUtils = require('NavigationStateUtils');
|
|
const NavigationTransitioner = require('NavigationTransitioner');
|
|
|
|
const NavigationExperimental = {
|
|
// Core
|
|
StateUtils: NavigationStateUtils,
|
|
Reducer: NavigationReducer,
|
|
|
|
// Views
|
|
AnimatedView: NavigationAnimatedView,
|
|
Transitioner: NavigationTransitioner,
|
|
|
|
// CustomComponents:
|
|
Card: NavigationCard,
|
|
CardStack: NavigationCardStack,
|
|
Header: NavigationHeader,
|
|
|
|
PropTypes: NavigationPropTypes,
|
|
};
|
|
|
|
module.exports = NavigationExperimental;
|