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

发布时间：2020-12-15 20:50:05 所属栏目：百科来源：网络整理

导读：我希望有一个视图与一个部分(在视??图中包含三行文本)对齐左侧和部分(与视图中的图像)对齐如下： +-----------+| | | || A | | B || | | |+-----------+ 我有主视图的样式： Tab: { flexDirection: 'row',flex: 1,justifyContent: 'space-between',backgroun

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

+-----------+
|   |   |   |
| 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,}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!