reactjs - 如何在 React Native 中使用 Animated.View 的变换来翻译视图，而不保留原来的空白空间

Question

在这里，我<MyComponent>将向上的方向平移了 100。但在这里，下面的空白区域<MyComponent>仍然存在，尽管组件被向上平移了。

<Animated.View
   style={{
      transform: [
           {
               translateY: -100,
           }]
         }}>
        <View>
            <MyComponent/>
        </View>
</Animated.View>

1. 翻译前
2. 现在发生了什么
3. 我想做的事

我想翻译组件，删除组件所在的空间。请注意，在我的情况下，无法翻译带有两个框的容器。

标签： reactjsreact-native