Files
react-native/packages/rn-tester/js/examples/Animated/ContinuousInteractionsExample.js
Tim Yung 2f77e0d7fd RN: Prefer Destructured Import for useContext (#51412)
Summary:
Pull Request resolved: https://github.com/facebook/react-native/pull/51412

Prefers using this as a destructured import instead of as a member expression of `React`.

Changelog:
[Internal]

Reviewed By: SamChou19815

Differential Revision: D74895839

fbshipit-source-id: 9ab9fc8bdee6d1764ad86fa2165da32cb266174e
2025-05-16 16:33:18 -07:00

37 lines
1.0 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 {RNTesterModuleExample} from '../../types/RNTesterTypes';
import {RNTesterThemeContext} from '../../components/RNTesterTheme';
import * as React from 'react';
import {useContext} from 'react';
import {Text} from 'react-native';
function AnimatedContinuousInteractionsExample(): React.Node {
const theme = useContext(RNTesterThemeContext);
return (
<Text style={{color: theme.SecondaryLabelColor}}>
Checkout the Gratuitous Animation App!
</Text>
);
}
export default ({
title: 'Continuous Interactions',
name: 'continuousInteractions',
description: ('Gesture events, chaining, 2D ' +
'values, interrupting and transitioning ' +
'animations, etc.': string),
render() {
return <AnimatedContinuousInteractionsExample />;
},
}: RNTesterModuleExample);