react-native – 在视图中对内容进行验证

我希望有一个视图与一个部分(在视​​图中包含三行文本)对齐左侧和部分(与视图中的图像)对齐如下：

+-----------+
|   |   |   |
| A |   | B |
|   |   |   |
+-----------+

我有主视图的样式：

Tab: {
  flexDirection: 'row',flex: 1,justifyContent: 'space-between',backgroundColor: '#F5FCFF',padding:5,borderWidth:1,}

但它的作用是什么

+-----------+
|   ||   |  |
| A || B |  | 
|   ||   |  |
+-----------+

我已经尝试过align-self和justifyContent来为B进行flex-end,玩了一下但是我甚至无法完全调整到正确的位置.

(这些标签可能有问题,因为它们在列表视图中？它会影响它们吗？)

问题是：我应该如何让组件听取对齐和对齐属性？

通过向制表符样式添加恒定宽度,我实现了我想要的(有点)：

Tab: {
  flexDirection: 'row',width:200,}