【问题标题】:React-Native: Code compiling correctly but screens are emptyReact-Native:代码编译正确但屏幕为空
【发布时间】:2017-08-30 08:59:14
【问题描述】:

我对本机反应相当陌生,并且一直在尝试构建一个非常简单的注册应用程序。 目前我有2个屏幕正在运行,第一个landingscreen.js包含一个提示第一个注册屏幕的按钮。

此屏幕工作正常,但其标题显示为空白。 (我正在使用反应导航器) 下面是屏幕,您可以找到相应的代码here

点击此处注册按钮后,将提示下一个屏幕,其中应显示两个字段,一个电子邮件和密码字段,标题为“让我们创建一个帐户”。正如您在下面看到的,所有工作都是下一步按钮,但我没有编译错误。与此屏幕相关的代码可以访问here

任何帮助或指路将不胜感激。 谢谢,

J.

【问题讨论】:

    标签: reactjs react-native react-navigation stack-navigator


    【解决方案1】:

    更改导航(你已经写过导航)拼写

    static navigationOptions= {
        title: "Let's make an account",
                   }
    

    【讨论】:

    • 谢谢,这解决了我的标题问题。关于这些领域的任何想法?
    • 等我检查一下。注册页面上有三个组件,两个文本字段和一个按钮?
    • 是的@Paras Watts
    • 你为什么使用两个渲染?我不确定你是否可以这样做。
    • 然后将尝试使用一个渲染继续前进,谢谢@Paras Watts 如果它解决了这种情况,将包括作为答案
    【解决方案2】:

    @Paras Watts 指出,通过修复拼写错误解决了未看到的标题。

    为了让字段显示,我将与表单相关的 jsx 放在与导航相同的渲染中,同时更改任何标签以查看以坚持 jsx 的格式。

    【讨论】:

    • 您也可以将它们放在另一个渲染中,然后像在主渲染中的其他函数一样调用该渲染。如果对您有帮助,请接受我的回答。
    猜你喜欢
    • 1970-01-01
    • 2016-03-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多