导航器不渲染任何东西(Navigator not rendering anything)

编程入门 行业动态 更新时间:2024-10-22 15:23:05
导航器不渲染任何东西(Navigator not rendering anything)

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

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

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

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

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

I'm new to React Native but I can render screens, lists and I think I'm starting to understand the big picture.

However, I can't make this simple Navigator code to work and it's driving me crazy. It's the basic example you can find everywhere on the web, including the official docs:

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

No errors, no issues. All I get is a white screen.

Replacing the Navigator with a component, everything works. This navigator is refusing to render anything. Any hints on how to figure out what's going on?

最满意答案

renderScene必须有返回值,你可以这样做:

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

或删除“{}”包装文本组件

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

箭头功能可能有用,你需要搜索'箭头函数语法'

renderScene must have return value, you can do this:

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

or remove '{}' wrapping Text component

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

Arrow functions maybe helpful, You need search 'Arrow function syntax'

更多推荐

本文发布于:2023-08-06 16:18:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1450244.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:东西   Navigator   rendering

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!