本文整理汇总了TypeScript中react-native.Animated.event方法的典型用法代码示例。如果您正苦于以下问题：TypeScript Animated.event方法的具体用法？TypeScript Animated.event怎么用？TypeScript Animated.event使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类react-native.Animated的用法示例。
在下文中一共展示了Animated.event方法的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: warning
getProps: (poser, { draggable }, { onDragStart, onDragEnd }) => {
if (!draggable) return {};
warning(
false,
'draggable: true disables useNativeDriver for this component.'
);
const values = poser.get();
const dragX = draggable === true || draggable === 'x';
const dragY = draggable === true || draggable === 'y';
const panResponder = PanResponder.create({
onMoveShouldSetPanResponderCapture: () => true,
onPanResponderMove: Animated.event([
null,
{
dx: dragX ? values.x : null,
dy: dragY ? values.y : null
}
]),
onPanResponderGrant: (e, gestureState) => {
if (dragX) {
values.x.setOffset(values.x._value);
values.x.setValue(0);
}
if (dragY) {
values.y.setOffset(values.y._value);
values.y.setValue(0);
}
if (onDragStart) onDragStart(e, gestureState);
poser.set('dragging', { gestureState });
},
onPanResponderRelease: (e, gestureState) => {
if (onDragEnd) onDragEnd(e, gestureState);
if (dragX) values.x.flattenOffset();
if (dragY) values.y.flattenOffset();
poser.set('dragEnd', { gestureState });
}
});
return panResponder.panHandlers;
}示例2: warning
getProps: (
poser,
{ draggable },
{ onDragStart, onDragEnd, flipMove, measureSelf },
setLayout
) => {
let props: { [key: string]: any } = {};
if (draggable) {
warning(
false,
'draggable: true disables useNativeDriver for this component.'
);
const values = poser.get();
const dragX = draggable === true || draggable === 'x';
const dragY = draggable === true || draggable === 'y';
const panResponder = PanResponder.create({
onMoveShouldSetPanResponderCapture: () => true,
onPanResponderMove: Animated.event([
null,
{
dx: dragX ? values.x : null,
dy: dragY ? values.y : null
}
]),
onPanResponderGrant: (e, gestureState) => {
if (dragX) {
values.x.setOffset(values.x._value);
values.x.setValue(0);
}
if (dragY) {
values.y.setOffset(values.y._value);
values.y.setValue(0);
}
if (onDragStart) onDragStart(e, gestureState);
poser.set('dragging', { gestureState });
},
onPanResponderRelease: (e, gestureState) => {
if (onDragEnd) onDragEnd(e, gestureState);
if (dragX) values.x.flattenOffset();
if (dragY) values.y.flattenOffset();
poser.set('dragEnd', { gestureState });
}
});
props = {
...props,
...panResponder.panHandlers
};
}
if (flipMove || measureSelf) {
props.onLayout = ({ nativeEvent }: LayoutChangeEvent) =>
setLayout(nativeEvent.layout);
}
return props;
}