Transform.scale（）不缩放给定空间

Question

我已经使用Animated API来将FlatList的中心项缩放两倍，并且运行良好。问题是页边距或填充没有缩放，导致中心项目与上一个和下一个项目重叠。

我的动画视图

<Animated.View
        style={{
          alignItems: 'center',
          justifyContent: 'center',
          marginLeft: 6,
          marginRight: 6,
          width: 70,
          height: 70,
          borderRadius: 35,
          borderColor: 'white',
          position: 'relative',
          borderWidth: 2,
          transform: [
            {
              scale: animatedValue.interpolate({
                inputRange: [index - 1, index, index + 1],
                outputRange: [1, 2, 1],
                extrapolate: 'clamp'
              })
            }]
        }}>
....other components
</Animated.View>

我还尝试将所有组件放在Animated.View内，并给它们留出边距或填充。仍然没有成功。