2 回答

TA貢獻1995條經(jīng)驗 獲得超2個贊
您可以StackCardInterpolationProps
從導入類型react-navigation
https://github.com/react-navigation/react-navigation/blob/main/packages/stack/src/types.tsx

TA貢獻1845條經(jīng)驗 獲得超8個贊
在 React 導航 6 中
查看in的類型定義StackCardStyleInterpolator
@react-navigation
。這應該適用于 Stack 中的動畫屏幕。
forSlideFromLeft
您可以像這樣實現(xiàn)您的方法:
import {
StackCardInterpolationProps,
StackCardInterpolatedStyle,
} from "@react-navigation/stack";
const forSlideFromLeft = (
{ current, layouts, index }: StackCardInterpolationProps
): StackCardInterpolatedStyle => {
const translateX = current.progress.interpolate({
inputRange: [0, 1],
outputRange: [-layouts.screen.width, 0],
});
if (index === 2) {
return {
cardStyle: {
transform: [{ translateX }],
},
};
} else {
return {};
}
};
還有一個StackHeaderStyleInterpolator
用于動畫標題的。
添加回答
舉報