2 回答

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

TA貢獻(xiàn)1845條經(jīng)驗(yàn) 獲得超8個(gè)贊
在 React 導(dǎo)航 6 中
查看in的類型定義StackCardStyleInterpolator
@react-navigation
。這應(yīng)該適用于 Stack 中的動(dòng)畫屏幕。
forSlideFromLeft
您可以像這樣實(shí)現(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 {};
}
};
還有一個(gè)StackHeaderStyleInterpolator
用于動(dòng)畫標(biāo)題的。
添加回答
舉報(bào)