------------ 關閉后退手勢-------------
如果只是關閉某個界面的手勢只需要再某個界面中添加 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)
}
}})}
>