我是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 valueArrow functions maybe helpful, You need search 'Arrow function syntax'
更多推荐
发布评论