使用 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>
    }
}

但这失败了，这是我所预料的。

在此先感谢您的帮助！

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