mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Zeya PengandFacebook GitHub Bot
5ec00097b6
Summary: Pull Request resolved: https://github.com/facebook/react-native/pull/50851 ## Changelog: [General] [Added] - Add pan gesture animation example to rntester Including examples of * using native driven Animated.event + touch event (which will not be interrupted by busy js thread, and is potentially a boost to performance) - the code requires some hacks but it's doable * using js PanResponder to drive pan gesture animation Reviewed By: sammy-SC Differential Revision: D68909931 fbshipit-source-id: 484ecb0646fb249b31362013725219a1c1ec6181
54 lines
1.8 KiB
JavaScript
54 lines
1.8 KiB
JavaScript
/**
|
|
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @flow strict-local
|
|
* @format
|
|
*/
|
|
|
|
import type {RNTesterModule} from '../../types/RNTesterTypes';
|
|
|
|
import ColorStylesExample from './ColorStylesExample';
|
|
import CombineExample from './CombineExample';
|
|
import ComposeAnimationsWithEasingExample from './ComposeAnimationsWithEasingExample';
|
|
import ComposingExample from './ComposingExample';
|
|
import ContinuousInteractionsExample from './ContinuousInteractionsExample';
|
|
import EasingExample from './EasingExample';
|
|
import FadeInViewExample from './FadeInViewExample';
|
|
import LoopingExample from './LoopingExample';
|
|
import MovingBoxExample from './MovingBoxExample';
|
|
import PanGestureExample from './PanGestureExample';
|
|
import PressabilityWithNativeDrivers from './PressabilityWithNativeDrivers';
|
|
import RotatingImagesExample from './RotatingImagesExample';
|
|
import TransformBounceExample from './TransformBounceExample';
|
|
import TransformStylesExample from './TransformStylesExample';
|
|
|
|
export default ({
|
|
framework: 'React',
|
|
title: 'Animated',
|
|
category: 'UI',
|
|
documentationURL: 'https://reactnative.dev/docs/animated',
|
|
description:
|
|
'Library designed to make animations fluid, powerful, and painless to ' +
|
|
'build and maintain.',
|
|
showIndividualExamples: true,
|
|
examples: [
|
|
TransformStylesExample,
|
|
ColorStylesExample,
|
|
FadeInViewExample,
|
|
ComposingExample,
|
|
EasingExample,
|
|
ComposeAnimationsWithEasingExample,
|
|
RotatingImagesExample,
|
|
MovingBoxExample,
|
|
TransformBounceExample,
|
|
LoopingExample,
|
|
ContinuousInteractionsExample,
|
|
CombineExample,
|
|
PressabilityWithNativeDrivers,
|
|
PanGestureExample,
|
|
],
|
|
}: RNTesterModule);
|