react-native-router-flux小技巧

------------ 關閉后退手勢-------------
如果只是關閉某個界面的手勢只需要再某個界面中添加 panHandlers={null}

 <Scene key="MeTest" component={Me}  panHandlers={null}/>

如果想關閉全部界面就只需要再根視圖中添加

    <Scene key="root" panHandlers={null}>

-------------顯示左邊文字-------------
方法一:

 <Scene
                component={Test}
                key="Test"
                modal={true}

                leftTitle="關閉"
               onLeft={Actions.pop}
        />

或者


左邊文字

方法二:

   <Scene
                component={Test}
                key="Test"
                modal={true}

                 // leftTitle="關閉"
                 onLeft={ Actions.pop}
        />
 static onEnter = () => {
        Actions.refresh({
       
            leftTitle:'左邊文字',
            onLeft: () => {
                alert('點擊')
                Actions.pop()
            },
        });
    };

-----------------過渡動畫的選擇-------------------
如果全部界面都是同一種過渡動畫那么可以在根視圖中設置一種:

<Stack key="root"
               titleStyle={{ alignSelf: 'center' }}
                transitionConfig={() => ({ screenInterpolator: CardStackStyleInterpolator.forHorizontal })}
        >

如果某個界面要有不同的效果,需要把設置改一下

<Stack key="root"
               titleStyle={{ alignSelf: 'center' }}

               //過渡動畫
               transitionConfig={() => ({
                   screenInterpolator: (props) => {
                       const { scene } = props
                  switch (scene.route.routeName) {
                           /* case yourKeyScene:
                        return theAnimationYouWant(props)*/
                  case 'groups':
                    return CardStackStyleInterpolator.forVertical(props)
                  case 'home':
                    return CardStackStyleInterpolator.forHorizontal(props)
                  case 'inbox':
                    return CardStackStyleInterpolator.forFade(props)
                   default:
                     return CardStackStyleInterpolator.forHorizontal(props)
                       }
                   }})}

        >
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容