反应本机组件优化

Question

我正在制作一个简单的React-Native应用程序。我发现自己将<Image />之类的本机组件包装在<View />内以设置其边距。 <Text />也会发生同样的情况。

例如：

<Image
    source={image}
    style={{
      marginBottom: 10,
      marginTop: 10,
      height: largeExampleImage ? 140 : 60,
      width: largeExampleImage ? Dimensions.get('screen').width - 60 : 300,
      resizeMode: 'contain',
    }}
  />

与<View />包裹起来相同。

<View style={{ marginBottom: 10, marginTop: 10 }}>
    <Image
      source={image}
      style={{
        height: largeExampleImage ? 140 : 60,
        width: largeExampleImage ? Dimensions.get('screen').width - 60 : 300,
        resizeMode: 'contain',
      }}
    />
  </View>

所以我的问题是。 react-native如何处理<Image />组件或<Text />。是否将其“自动”包装在视图中？如果真是这样，我将不需要创建一个额外的视图。如果不是这种情况，创建一个环绕视图将是一个好习惯。

非常感谢您。