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

前端之家收集整理的这篇文章主要介绍了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,}
原文链接:https://www.f2er.com/react/301084.html

猜你在找的React相关文章