原生基础ListItem呈现空视图?

时间:2016-12-19 04:18:15

标签: react-native native-base

我正在使用native-base编写一个非常简单的视图。

当我在render()函数中执行此操作时

  <Container>
    <Content>
      <List>
        <ListItem>
          <Text> text1 </Text>
          <Text> text2 </Text>
        </ListItem>
      </List>
    </Content>
  </Container>

我注意到nativebase为我提供了一个完全空的列表项。

但是,如果我删除其中一个Text标签。该项目将正确显示。

为listItem设置多个子节点是不可能的?这似乎真的反直觉。在这种情况下,如何为列表项目提供多于1个项目?

1 个答案:

答案 0 :(得分:2)

NativeBase List

以下是您需要的工作示例。

<Container>
  <Content>
    <List>
      <ListItem>
        <Text> text1 </Text>
        <Text> text2 </Text>
      </ListItem>
    </List>
  </Content>
</Container>

这也很好用