0

how can we reconfigure modals using react-native-modalfy separately?

就像App.tsx 我在下面配置了这样的模式。

我想更改DemoModal2.

import { createModalStack } from 'react-native-modalfy';

const { height } = Dimensions.get('screen');

export const ModalStack = createModalStack({
 demo1:DemoModal1,
 demo2:DemoModal2
 }, {
    animateInConfig: {
    easing: Easing.inOut(Easing.exp),
    duration: 900,
},
animateOutConfig: {
    easing: Easing.inOut(Easing.exp),
    duration: 900,
},
backdropOpacity: 0.6,
position: 'top',

transitionOptions: (animatedValue) => ({
    transform: [
        {
            translateY: animatedValue.interpolate({
                inputRange: [0, 1, 2],
                outputRange: [height, 0, height],
            }),
        },
        {
            scale: animatedValue.interpolate({
                inputRange: [0, 1, 2],
                outputRange: [0, 1, 0.9],
            }),
        },
    ],
}),
});

同样会有更多的模态。所以我需要一些例子..

4

0 回答 0