在表/网格中显示数组对象

Question

我试图将我的数组对象呈现为表/网格格式，并为每列提供标题。到目前为止，我都使用平面列表来呈现它们，并且输出看起来像这样：

我的代码：

<ViewContainer>
    <Text style = {styles.titleText}>
    Approval  Diameter
    </Text>
    <ScrollView maximumZoomScale = {5} scrollEnabled = {true} minimumZoomScale = {1} zoomScale = {.8}>
     <FlatList
            data = {this.state.data}
            keyExtractor = {(x, i) => i.toString()}
            renderItem ={({item}) =>
                <Text style = {styles.itemText}>
                {item.approval}           {item.diameter} {"\n"}
                </Text>
            }
        />
        <Text style = {styles.countryErrorText}>{this.state.countrySelected}</Text>
    </ScrollView>    
</ViewContainer>

如您所见，这看起来不太好，很难阅读。将其放入带有标题列的表或网格中可以解决此问题。

任何帮助都会很棒。