react-native如何在同一行上呈现TouchableOpacity组件 - 水平
问题描述：
我有一个产品组件 - TouchableOpacity，如图所示。产品数量是dynamic.Thing是，我想在每一行发布2个产品。 但我不能。它将它们垂直渲染，尽管我将水平设置为true。 我该如何解决呢？你有什么建议吗？react-native如何在同一行上呈现TouchableOpacity组件 - 水平
这里是我的部件
的造型和它是他们是如何呈现
答
在反应母语为flexDirection的默认值是column。您应该将其设置为row，其格式为您的清单TouchableOpacity的容器。
这里是从官方文档的例子：https://facebook.github.io/react-native/docs/flexbox.html#flex-direction
如果你想你的元素，超过容器大小被包裹到下一行，你可以设置flexWrap:"wrap"。 这里是文档：https://facebook.github.io/react-native/docs/layout-props.html#flexwrap
谢谢。当我在TouchableOpacity的样式中将flexDirection设置为'row'时，它只会在第一行渲染2个产品。第二个之后的产品没有显示。@ Kevin Amiranoff –
我想这是来自组件未被包装到下一个“行”。如果将'flexWrap：“noWrap”'设置为'TouchableOpacity'的容器，它是否工作？例如'TouchableOpacity'列表上方的'View'。和文档：https：//facebook.github.io/react-native/docs/layout-props.html#flexwrap –
非常感谢。你救了我的一天:)我尝试了nowrap，但没有奏效。然而，当我设置'wrap'而不是'unwrap'只是为了尝试，它以某种方式工作。 –