图像的 ResizeMode 和 AlignSelf 之间的区别?
Difference between ResizeMode and AlignSelf For Image?
因此,对于 react-native
中的 Image
,可以在 StyleSheet
中设置 alignSelf
或者可以在 [=10] 中使用 resizeMode
=] 标签。使用上有什么区别?
我的理解是,您必须在精神上将视图(或 'box' 用 css 框模型术语)和它包含的渲染图像分开。您定义的所有样式都适用于该框。 resizeMode 确定实际图像数据如何呈现到该框中。
AlignSelf 定义图像在父容器中的放置方式,并可以覆盖特定弹性项目的对齐项目值。
ResizeMode 类似于 css object-fit 并定义图像应如何填充其自己的容器。
因此,对于 react-native
中的 Image
,可以在 StyleSheet
中设置 alignSelf
或者可以在 [=10] 中使用 resizeMode
=] 标签。使用上有什么区别?
我的理解是,您必须在精神上将视图(或 'box' 用 css 框模型术语)和它包含的渲染图像分开。您定义的所有样式都适用于该框。 resizeMode 确定实际图像数据如何呈现到该框中。
AlignSelf 定义图像在父容器中的放置方式,并可以覆盖特定弹性项目的对齐项目值。
ResizeMode 类似于 css object-fit 并定义图像应如何填充其自己的容器。