getRelativeCoords¶

Определяет местоположение на экране относительно заданного представления. Это может быть полезно, когда доступны только абсолютные координаты, а нужны координаты относительно родителя.

Аргументы¶

animatedRef¶

Продукт useAnimatedRef - это расширение Reanimated стандартного React ref (доставляет тег view в потоке UI). Этот ref должен быть передан в качестве свойства представлению, относительно которого мы хотим узнать координаты.

x¶

Абсолютная координата x.

y¶

Абсолютная координата y

Возвращает¶

Объект, содержащий относительные координаты

• x
• y

Пример¶

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

const Comp = () => {
    const aref = useAnimatedRef();
    // ...

    const gestureHandler = useAnimatedGestureHandler({
        onEnd: (event) => {
            getRelativeCoords(
                aref,
                event.absoluteX,
                event.absoluteY
            );
        },
    });

    return (
        <View ref={aref}>
            <PanGestureHandler
                onGestureEvent={gestureHandler}
            >
                <Animated.View style={[styles.box]} />
            </PanGestureHandler>
        </View>
    );
};

Ссылки¶

• getRelativeCoords

Комментарии