什么在React Native中对容器进行分类？

Question

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

什么对容器对象进行分类，您可以在其中设置alignItems，justifyContent？

仅是否需要成为一个视图？或者每个组件都是一个潜在的容器？

Answer 1

根据我的经验，尊重弹性框的对象是您期望的对象，例如ScrollView和Text - 而像display: inline-block这样的视图不会被比作<span />或View。

在示例maximum value中，ScrollView中的Text尊重其父级的flex属性，同样View内的Text也属于{{1}} 。但是，{{1}}对象的行为方式不同，如果我没有弄错，调整它的弹性属性时似乎不会改变。

Answer 2

容器组件是那些有权访问商店的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