Reactjs 视图内数据的类似表格的格式设置

我试图在以下视图中排列数据，使其看起来格式良好，类似于表的结构：

            <View>
                {Object.entries(params.char).map(([key,value], index) =>
                    <View style={{flexDirection:'row', flexWrap:'wrap', justifyContent: 'space-between', alignItems: 'flex-start'}}> 
                        <Text key={key}>
                            <Text style={{fontSize: 14, fontWeight: 'bold'}}>{key}</Text> : <Text style={{ fontSize: 14}}>{value}</Text> {"\n"}
                        </Text>
                    </View>
                )}
            </View>

任何提示都将不胜感激

---

谢谢

为了获得干净的列，需要使用

flex:1执行两个循环（每列一个循环）

大致如下：

<View style={{flexDirection: 'row'}}>
    <View style={{flex: 1}}> 
        {Object.keys(myArray).map((key, index) => <Text key={key}>{key}</Text>)}
    </View>
    <View style={{flex: 1}}> 
        {Object.keys(myArray).map((key, index) => <Text key={key}>{myArray[key]}</Text>)}
    </View>
</View>


{Object.keys（myArray）.map（（key，index）=>{key}）
{Object.keys（myArray）.map（（key，index）=>{myArray[key]}）

或者，如果对其中一列使用固定的列宽，您也可以按照编写的方式进行操作。
“外观良好”是一个非常模糊的要求。你有没有想让它看起来怎么样的例子？谢谢，好主意。我已经包括了一个所需格式的示例。为每个文本组件添加flex:1，使它们的宽度相等
<View style={{flexDirection: 'row'}}>
    <View style={{flex: 1}}> 
        {Object.keys(myArray).map((key, index) => <Text key={key}>{key}</Text>)}
    </View>
    <View style={{flex: 1}}> 
        {Object.keys(myArray).map((key, index) => <Text key={key}>{myArray[key]}</Text>)}
    </View>
</View>