Home
last modified time | relevance | path

Searched refs:Animated (Results 1 – 25 of 113) sorted by relevance

12345

/expo/apps/native-component-list/src/screens/
H A DGestureHandlerPinchScreen.tsx20 _baseScale: Animated.Value;
21 _pinchScale: Animated.Value;
26 _rotate: Animated.Value;
31 _tilt: Animated.Value;
40 this._baseScale = new Animated.Value(1);
49 this._rotate = new Animated.Value(0);
60 this._tilt = new Animated.Value(0);
115 <Animated.Image
129 </Animated.View>
131 </Animated.View>
[all …]
H A DMaskedViewScreen.tsx22 _animatedTextValue: Animated.Value = new Animated.Value(0);
23 _animatedScaleValue: Animated.Value = new Animated.Value(0);
28 Animated.loop(
29 Animated.timing(this._animatedTextValue, {
37 this._animatedScaleValue = new Animated.Value(1);
38 Animated.loop(
39 Animated.sequence([
40 Animated.timing(this._animatedScaleValue, {
45 Animated.timing(this._animatedScaleValue, {
93 <Animated.Text
[all …]
/expo/packages/expo-dev-launcher/bundle/components/
H A DActivityIndicator.tsx3 import { Animated, Easing } from 'react-native';
8 const animatedValue = React.useRef(new Animated.Value(0));
11 Animated.loop(
12 Animated.sequence([
13 Animated.timing(animatedValue.current, {
29 <Animated.View style={{ position: 'absolute', transform: [{ rotateZ: rotate }] }}>
31 </Animated.View>
H A DPulseIndicator.tsx3 import { Animated } from 'react-native';
11 const animatedValue = React.useRef(new Animated.Value(0));
24 Animated.loop(
25 Animated.timing(animatedValue.current, {
45 <Animated.View
/expo/apps/native-component-list/src/screens/GestureHandler/
H A DBouncyBox.tsx2 import { Animated, StyleSheet, View, StyleProp, ViewStyle } from 'react-native';
14 _dragX = new Animated.Value(0);
19 _onGestureEvent = Animated.event([{ nativeEvent: { translationX: this._dragX } }], {
24 Animated.spring(this._dragX, {
41 <Animated.View style={{ transform: [{ translateX: this._transX }] }}>
43 </Animated.View>
50 _gesture = new Animated.Value(0);
62 _onGestureEvent = Animated.event([{ nativeEvent: { rotation: this._gesture } }], {
68 Animated.spring(this._gesture, {
84 <Animated.View style={{ transform: [{ rotate: this._rot }] }}>{children}</Animated.View>
H A DAppleStyleSwipeableRow.tsx3 import { Animated, StyleSheet, Text, View } from 'react-native';
10 renderLeftActions = (progress: Animated.Value, dragX: Animated.Value) => {
17 <Animated.Text
25 </Animated.Text>
29 renderRightAction = (text: string, color: string, x: number, progress: Animated.Value) => {
39 <Animated.View style={{ flex: 1, transform: [{ translateX: trans }] }}>
43 </Animated.View>
46 renderRightActions = (progress: Animated.Value) => (
H A DGmailStyleSwipeableRow.tsx4 import { Animated, StyleSheet } from 'react-native';
8 const AnimatedIcon = Animated.createAnimatedComponent(MaterialIcons);
13 renderLeftActions = (progress: Animated.Value, dragX: Animated.Value) => {
30 renderRightActions = (progress: Animated.Value, dragX: Animated.Value) => {
/expo/apps/native-component-list/src/screens/BlurView/
H A DuseLoopingAnimatedValue.ts2 import { Animated } from 'react-native';
5 const intensity = useMemo(() => new Animated.Value(fromValue), []);
22 Animated.timing(intensity, animateInConfig).start(() => {
23 Animated.timing(intensity, animateOutConfig).start(_animate);
/expo/ios/versioned-react-native/ABI49_0_0/ReactNative/Libraries/Animated/
H A DuseAnimatedValue.d.ts10 import type {Animated} from './Animated';
14 config?: Animated.AnimatedConfig,
15 ): Animated.Value;
H A DAnimated.d.ts28 class Animated { class
372 a: Animated,
373 b: Animated,
385 a: Animated,
386 b: Animated,
398 a: Animated,
399 b: Animated,
411 a: Animated,
412 b: Animated,
424 a: Animated,
[all …]
/expo/ios/versioned-react-native/ABI48_0_0/ReactNative/Libraries/Animated/
H A DuseAnimatedValue.d.ts10 import type {Animated} from './Animated';
14 config?: Animated.AnimatedConfig,
15 ): Animated.Value;
H A DAnimated.d.ts24 class Animated { class
368 a: Animated,
369 b: Animated,
381 a: Animated,
382 b: Animated,
394 a: Animated,
395 b: Animated,
407 a: Animated,
408 b: Animated,
420 a: Animated,
[all …]
/expo/packages/expo-dev-launcher/bundle/providers/
H A DModalStackProvider.tsx3 import { Animated, StyleSheet, useWindowDimensions, Pressable } from 'react-native';
24 const animatedValue = React.useRef(new Animated.Value(0));
30 Animated.spring(animatedValue.current, {
35 Animated.spring(animatedValue.current, {
58 <Animated.View
76 </Animated.View>
91 const animatedValue = React.useRef(new Animated.Value(status === 'settled' ? 1 : 0));
95 Animated.spring(animatedValue.current, {
106 Animated.spring(animatedValue.current, {
123 <Animated.View
[all …]
H A DToastStackProvider.tsx3 import { Animated, LayoutRectangle, useWindowDimensions, StyleSheet } from 'react-native';
23 animatedValue: Animated.Value;
66 <Animated.View pointerEvents="box-none" style={[StyleSheet.absoluteFill]}>
70 </Animated.View>
86 Animated.spring(animatedValue, {
93 Animated.spring(animatedValue, {
139 <Animated.View
154 </Animated.View>
/expo/home/components/
H A DQRIndicator.tsx2 import { Animated, Easing, StyleSheet } from 'react-native';
6 const scale = React.useMemo(() => new Animated.Value(1), []);
12 Animated.sequence([
13 Animated.timing(scale, {
19 Animated.timing(scale, {
63 const AnimatedScanner = Animated.createAnimatedComponent(SvgComponent);
/expo/apps/native-component-list/src/screens/Image/
H A DresolveProps.ts1 import { Animated } from 'react-native';
14 animValue?: Animated.Value,
16 ): number | Animated.AnimatedInterpolation<number> | string {
59 animValue?: Animated.Value,
H A Dtypes.ts3 import { Animated, ImageProps as RNImageProps } from 'react-native';
8 range: (start: number, end: number) => number | Animated.AnimatedInterpolation<number> | string;
/expo/packages/@expo/metro-runtime/src/error-overlay/overlay/
H A DLogBoxInspectorSourceMapStatus.tsx9 import { Animated, Easing, GestureResponderEvent, StyleSheet, Text } from 'react-native';
21 animation: null | Animated.CompositeAnimation;
22 rotate: null | Animated.AnimatedInterpolation<string>;
31 const animated = new Animated.Value(0);
32 const animation = Animated.loop(
33 Animated.timing(animated, {
92 <Animated.Image
/expo/packages/expo-router/src/views/
H A DToast.tsx3 import { ActivityIndicator, Animated, Image, Platform, StyleSheet, Text, View } from 'react-native';
13 // Returns a React Native Animated value for fading in
14 const [value] = React.useState(() => new Animated.Value(0));
16 Animated.timing(value, {
52 <Animated.View
70 </Animated.View>
/expo/apps/native-component-list/src/screens/Reanimated/
H A DReanimatedLightbox.tsx10 import Animated, {
23 const AnimatedImage = Animated.createAnimatedComponent(Image);
36 x: Animated.SharedValue<number>;
37 y: Animated.SharedValue<number>;
38 width: Animated.SharedValue<number>;
39 height: Animated.SharedValue<number>;
40 imageOpacity: Animated.SharedValue<number>;
126 <Animated.View style={containerStyle}>
129 </Animated.View>
259 <Animated.View style={StyleSheet.absoluteFillObject}>
[all …]
/expo/packages/expo/build/environment/
H A DDevLoadingView.js4 import { Animated, StyleSheet, Text, Platform, View } from 'react-native';
11 const translateY = useRef(new Animated.Value(0)).current;
37 Animated.timing(translateY, {
59 …return (React.createElement(Animated.View, { style: [styles.animatedContainer, { transform: [{ tra…
/expo/apps/native-component-list/src/components/
H A DMonoTextWithCountdown.tsx8 Animated,
30 const animatedValue = useRef(new Animated.Value(1)).current;
40 Animated.timing(animatedValue, {
118 width: Animated.Value;
123 <Animated.View
/expo/docs/public/static/examples/v46.0.0/tutorial/06-gestures/
H A DCompleteEmojiSticker.js3 import Animated, {
10 const AnimatedImage = Animated.createAnimatedComponent(Image);
11 const AnimatedView = Animated.createAnimatedComponent(View);
/expo/docs/public/static/examples/v47.0.0/tutorial/06-gestures/
H A DCompleteEmojiSticker.js3 import Animated, {
10 const AnimatedImage = Animated.createAnimatedComponent(Image);
11 const AnimatedView = Animated.createAnimatedComponent(View);
/expo/docs/public/static/examples/v48.0.0/tutorial/06-gestures/
H A DCompleteEmojiSticker.js3 import Animated, {
10 const AnimatedImage = Animated.createAnimatedComponent(Image);
11 const AnimatedView = Animated.createAnimatedComponent(View);

12345