javascript - 对齐项目 : center prevents flex row text wrapping in React Native

Question

出于某种原因，在容器 View 的样式中设置 alignItems: center 会导致 flex 行内的文本停止换行，并且不遵守容器 View 的 padding .

工作示例和代码在这里:https://rnplay.org/apps/FsDXuQ

我试着听从 set flexDirection to column 的建议, use flex: 1 or flexWrap但唯一可行的是从容器 View 中删除 alignItems: center。

我不明白这是怎么回事。如果我想要怎么办:

1. 不占据整个屏幕宽度的行元素，
2. 居中，
3. 里面有长文本，
4. 哪个包装？

谢谢。

Answer 1

使用 flex属性(property)。前任。 <Text style={{ flex: 1}}>