小编Rah*_*waj的帖子

我正在使用具有以下功能的拆分应用

1. 主列表
2. 3详细页面

主列表显示项目列表（例如，此处的自行车和汽车列表）

这是3个详细信息页面：

1. 消息页面：当未在主列表上单击任何内容时，表示找不到/欢迎页面。
2. BikeProperties页：如果单击“ Bike”，则显示详细信息。
3. CarProperties页面：显示是否单击了Car。

现在，问题是当我单击“汽车产品”时，显示了一个动画，该动画从欢迎页面导航到汽车页面。

但是，如果我再次单击汽车产品，则绑定将更新而没有动画。

同样，如果我此时（选择汽车之后）选择了“ Bike”，则导航会随动画一起进行。

所以，总结一下，

1. 如果再次在详细页面中显示同一页面，则不会显示动画。
2. 加载不同的详细信息页面时，将显示动画。

但是，我想要的是，无论当前显示的是哪个详细信息页面，导航都应该使用动画再次进行，以便保持与动画的一致性。

另外，请注意，我不能使用基于哈希的路由，因为此拆分应用程序需要在对话框中显示。

下面是虚拟代码：

App.view.xml

<mvc:View controllerName="com.sap.SplitApp.controller.App" xmlns:mvc="sap.ui.core.mvc" xmlns:core="sap.ui.core" displayBlock="true"
xmlns="sap.m">
<Shell id="shell">
    <App>
        <SplitApp id="app">
            <masterPages>
                <Page>
                    <List items='{/items}' selectionChange="handleNavigate" mode='SingleSelectMaster'>
                        <items>
                            <StandardListItem title='{name}' info='{type}'/>
                        </items>
                    </List>
                </Page>
            </masterPages>
            <detailPages>
                <MessagePage title='Hello!' text='Select a Product'></MessagePage>
                <core:Fragment fragmentName="com.sap.SplitApp.fragments.BikeProperties" type="XML"/>
                <core:Fragment fragmentName="com.sap.SplitApp.fragments.CarProperties" type="XML"/>
            </detailPages>
        </SplitApp>
    </App>
</Shell>

App.controller.js

onInit: function () {
        var items = [
            {
                name: 'Thunderbird 500cc',
                type:'Bike'
            },
            {
                name: 'Swift',
                type:'Car' …

我有一个视图,我试图通过react-native-router-flux模块加载.

但是,它没有在模拟器上显示屏幕.但是,我可以在react-dev工具中看到我的组件.

Android模拟器上没有看到任何错误,只有空屏幕.细节如下:

Test.js:

import React from 'react';
import { Text, View } from 'react-native';

const Test = () => {
    return (
         <View style={{margin: 128}}>
      <Text>This is PageTwo!</Text>
      </View>
    );
};

export default Test;

我的路由器:Router.js

import React, { Component } from 'react';
import { Router, Scene } from 'react-native-router-flux';
import LoginForm from './components/LoginForm';
import Test from './components/Test';

class RouterComponent extends Component {
  render() {
    return (
      <Router>
        <Scene key="root" >
          <Scene key="pageOne" component={Test} title="PageOne" initial={true} />
          <Scene key="pageTwo" component={LoginForm} …