使用React Native创建并更改为新视图

Question

我们目前正在为我们的一位客户开发应用程序，我们决定使用React Native作为创建应用程序的技术。

我对这项技术很陌生，而且我习惯用C＃或Java开发应用程序，在那里我有完整的IDE，可以提供我需要的所有功能。

我目前正在创建一个登录屏幕，并希望根据登录类型（例如：Facebook，Google，Twitter，电子邮件等）更改为不同的视图。

我该如何做到这一点。正如我所提到的，使用IDE，它是一个快捷方式，如SHIFT + ALT + A或其他东西来创建一个新项目，选择类型，命名它，IDE完成剩下的工作。

我是否必须创建一个新的xx.android/ios.js文件，并以某种方式调用它，或者我是否需要进入不同项目的本地后端？

我尝试过的是：

class Class extends Component {
    render() {
        <UI code here>
        <Button onPress={this.eventHandler}
    }

    eventHandler(event) {
        var xxLogin = new xxLogin();
        xxLogin.render();
    }
}

class xxLogin extends Component {
    render() {
        <UI code here>
    }
}

但那失败了，这是我所期待的。

提前感谢您的帮助！

P.S。：我正在使用Mac OS X El Capitan，如果有帮助的话。