適用於iOS和Android的React Native Router

Question

我正在編寫適用於Android和iOS的應用程序。 我是JavaScript / React native等的真正菜鳥，我希望我的問題不是nooby ...

我試圖實現一個在主視圖上具有兩個按鈕和一個StatusBar圖標的LoginPage，以獲取將我鏈接到例如Impressum頁面/視圖的信息。 這非常適合iOS上的react-native-router模塊。 我的index.ios.js看起來像這樣：

class MyApp extends React.Component {

render() {
    return (
        <Router firstRoute={firstRoute}
                headerStyle={styles.statusBar}
                titleStyle={styles.title}
                backButtonComponent={BackButtonIcon}
                rightCorner={ImpressumIcon}
        />
    );
}

ImpressumIcon.js用於鏈接到ImpressumPage的圖標

var ImpressumIcon = React.createClass({

goToImpressumPage: function () {
    this.props.toRoute({
        name: 'Impressum',
        component: ImpressumPage,
    });
},

render() {
    return (
        <TouchableHighlight underlayColor="transparent" onPress={this.goToImpressumPage}>
            <Image source={require('image!infoicon')} style={styles.icon}/>
        </TouchableHighlight>
    )
}

})

如前所述，這非常適合iOS。 現在嘗試執行相同操作將給我一個例外-null不是對象（評估'StatusBarIOS.setStyle'）

現在，我跟蹤了錯誤，並將其帶到了庫-node_modules-libraries-Components-StatusBar-這是兩個類。 StatusBarIOS.ios.js和StatusBarIOS.android.js。 android一個只返回null。 所以現在我想弄清楚下一步該怎么做。 我應該嘗試自己實現綁定還是有更簡單的方法來解決我的問題？ 也許有人暗示我下一步該怎么做。

我在React Native API中看到了Navigator Component，但是不幸的是這給了我同樣的錯誤...

Answer 1

我實現了一個React Native Login示例，該示例使用WebView登錄到您現有的后端。 檢查一下，看看是否能解決您的問題： https : //github.com/ryanmcdermott/react-native-login

Answer 2

這是因為react-native-router組件-最佳解決方案是從/node_modules/react-native-router/index.js文件中刪除所有相關的代碼行