react-native - 什么对 React Native 中的容器进行分类？

Question

我已经开始在 React native 上使用 flex box，在 CSS 上你应该将显示设置为 flex，但在 RN 上，这是默认设置的。

什么对可以设置 alignItems、justifyContent 的容器对象进行分类？

它只需要一个视图吗？还是每个组件都是潜在的容器？

Answer 1

容器组件是那些可以访问存储的 React Native 组件。这些组件进行 API 调用、处理并包含应用程序的业务逻辑。容器组件不应具有视图逻辑或表示逻辑。容器组件的工作是计算值并将它们作为道具传递给展示组件。

之间的区别Presentational Components Container Components

目的How things look (markup, styles) How things work (data fetching, state updates)

了解 Redux No Yes

读取数据 Read data from props Subscribe to Redux state

更改数据 Invoke callbacks from props Dispatch Redux actions

被写By hand Usually generated by React Native Redux

Answer 2

在我的经验中，尊重 flex box 的对象是你期望的对象，例如Viewand ScrollView- 而视图 likeText不这样做并且被比作display: inline-blockor <span />。

在这里的例子中， 的View内部是ScrollView它的父 flex 属性，同样地Text内部的View. 但是，Text对象的行为方式不同，如果我没记错的话，在调整它的 flex 属性时似乎不会改变。