Question

我是React Native的新手，但我可以渲染屏幕，列表，我想我已经开始理解大局了。

但是，我无法使这个简单的导航器代码工作，这让我发疯。这是您可以在网络上随处可见的基本示例，包括官方文档：

class RNTest extends Component {
    render() {
        return (
            <Navigator
                initialRoute={{ title: 'My Initial Scene', index: 0 }}
                renderScene={(route, navigator) => {
                    <Text>Hello</Text>
                }}
            />
        );
    }
}

没有错误，没有问题。我得到的只是一个白色的屏幕。

用组件替换导航器，一切正常。这个导航器拒绝渲染任何东西。关于如何弄清楚发生了什么的任何提示？

Answer 1

renderScene必须有返回值，你可以这样做：

renderScene={(route, navigator) => {
                    return <Text>Hello</Text>
            }}

或删除＆＃39; {}＆＃39;包装文本组件

renderScene={ (route, navigator) => <Text>Hello</Text> } // Text component is return value

Arrow functions可能有帮助，您需要搜索＆＃39;箭头功能语法＆＃39;

导航器不渲染任何东西

1 个答案: