在反应本地

Question

我的react-native应用中有一个屏幕，其中显示了记录的详细信息。这是一个非常简单的屏幕，在左栏中，我有一个描述项目的标签，在右边，我有项目的价值。对于其中一个值，我必须渲染ListView，但我无法正确对齐它。以下是rnplay上带有症状的示例应用程序：

Sample app on rnplay

请在iOS上运行。此处ComponentListView是我用于呈现ListView的可重用组件，它需要component和data，因为它支持并呈现data中的每个条目使用传入的component。这里的列表是BackupList，每行中要呈现的组件是BackupSummary。如果您运行该应用程序，您将发现备份未正确对齐。我在模拟器上的Inspector中运行它，看起来ListView从看到Varun Accepted的地方开始。我不知道为什么。现在this.props.backupContacts只有一个项目，但可能会有更多。我尝试了许多不同的flexbox属性，例如alignItems, justifyContent, alignSelf，以使其无法正常工作。

如果你知道如何解决它，请告诉我。

Answer 1

将您的ListView放入View中并在View上应用css，类似这样

<View style={{display:'flex', flexDirection:'row', justifyContent:'center'}}>
      <ListView/>
</View>