react-native 如何在同一行水平呈现 TouchableOpacity 组件
how react-native renders the TouchableOpacity components on the same row - horizontally
我有一个产品组件 - TouchableOpacity，如图所示。产品数量是dynamic.Thing，我想每行post 2个产品。
但我不能。它垂直呈现它们，尽管我将水平设置为 true。
我该如何解决，它？你有什么建议吗？
这是我的组件样式
这就是它们的渲染方式
react-native 中 flexDirection 的默认值为 column。您应该按照 TouchableOpacity.
列表的容器样式将其设置为 row
这是官方文档中的示例：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，如图所示。产品数量是dynamic.Thing，我想每行post 2个产品。 但我不能。它垂直呈现它们，尽管我将水平设置为 true。 我该如何解决，它？你有什么建议吗？
这是我的组件样式
这就是它们的渲染方式
react-native 中 flexDirection 的默认值为 column。您应该按照 TouchableOpacity.
row
这是官方文档中的示例：https://facebook.github.io/react-native/docs/flexbox.html#flex-direction
如果您希望将超出容器大小的元素换行到下一行，您可以设置flexWrap:"wrap"。
这是文档：https://facebook.github.io/react-native/docs/layout-props.html#flexwrap