Question

我正在尝试使用React-Native（Android）上的Navigator在场景之间创建路由，但Navigator不会渲染场景，这是我创建的一个简单片段。

<View>
  <Navigator
    initialRoute={{ name: 'LoginView' }}
    renderScene={(route, naigator) => {
      <Text styles={{fontSize: 20, fontWeight: 'bold'}}>Hello, World!</Text>            
    }}
  />
</View>

这应该呈现文本Hello, World!，但是模拟器上出现了一个纯白色的屏幕。

Answer 1

只是弄清楚为什么会发生这种情况，因为renderScene接受一个函数，它必须返回一个反应原生UI的单个对象。因此，UI代码必须包含在View中，如下面的示例所示：

<Navigator
  initialRoute={{ title: 'Awesome Scene'}}
  renderScene={(route, navigator) => {
    <View>
      <Text>Hello, World!</Text>
      <Text>Hi, There</Text>
    </View>
  }}
/>

React-Native Navigator无法呈现

1 个答案: