react-native - 本机基础 ListItem 呈现空视图？

Question

我正在用原生基础编写一个非常简单的视图。

当我在我的 render() 函数中这样做时

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

我注意到 nativebase 使我成为一个完全空的列表项。

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

那么一个listItem不可能有超过1个孩子吗？这似乎真的违反直觉。在这种情况下，我应该怎么做才能让列表项超过 1 项？

Answer 1

这是您需要的东西的工作示例。

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

这也很好用