React Navigation v5: анимация перехода экрана - PullRequest
Новая
       52

React Navigation v5: анимация перехода экрана

0 голосов
/ 06 апреля 2020

Я использую stack navigator ( React Navigation v5 ) в моем приложении React Native. Я хочу перейти с экрана 1 на экран 2 с переходом затухания , который работает абсолютно нормально с этим code: 

const fadeConfig = ({ current }) => {
    return {
        cardStyle: {
            opacity: current.progress,
        },
    }
};

const Stack = () => {
    const { Navigator, Screen } = Stack;

    return (
        <Navigator
            screenOptions={{
                header: () => null,
            }}
        >
            <Screen
                 name="Screen1"
                 component={Screen1}
            />

            <Screen
                name="Screen2"
                component={Screen2}
                options={{ cardStyleInterpolator: fadeConfig }}
            />
        </Navigator>
    );
};

Теперь это затухание линейное по всему экрану. Но мое требование состоит в том, чтобы это исчезновение происходило радиально образом, , исходящим из точки, где пользователь нажимает своим пальцем. Какие изменения мне придется внести в fadeConfig, чтобы добиться функциональности? Спасибо.

...