marginTop插值不呈现在屏幕上

Question

我有一个插值函数，旨在将边距从25更改为100

const marginTop = this.loginHeight.interpolate({
  inputRange: [220, SCREEN_HEIGHT],
  outputRange: [25, 100]
});

我将其添加到样式中，如下所示：

    <Animated.View
      style={{
        opacity: headerTextOpacity,
        alignItems: 'flex-start',
        paddingHorizontal: 25,
        marginTop: marginTop
      }}
    >
      <Text style={styles.footerMessage}>Manage trash better with T-</Text>
    </Animated.View>

由于某种原因，我的marginTop不会从25变为100。我是否有可能缺少任何与本地反应有关的关键信息？