React-Native Element 在滚动时改变大小

Question

我正在尝试使用 3 个（或更多）元素制作本机滚动视图，其中屏幕中间的元素始终是正常元素大小的 1.75 倍，并且在滚动时动态更改大小。 如果滚动视图的大小会发生变化，我可以找到元素何时位于屏幕中心吗？ 是否可以不用一些复杂的数学方法？ 我试图为所有元素的样式设置条件，但找不到确定何时满足条件的方法。

 handleScroll(event) {
    var x = event.nativeEvent.contentOffset.x;
    var page = x / this.state.totalWidth;
    this.setState({ position: page })
}

isElementFocused(start, stop) {
    return (this.state.position >= start && this.state.position < stop);
}

元素：

<View style={styles.swipeBox,
                {
                    backgroundColor: this.isElementFocused(1, 2) ? this.getColor(1) : colors.primary,
                    width: this.isElementFocused(1, 2) ? this.getWidth(1) : this.state.baseWidth,
                    height: this.isElementFocused(1, 2) ? this.getHeight(1) : this.state.baseHeight,

                }}>
                    <Text>test</Text>
                </View>

Answer 1

我想你想使用 smoothScrollToPosition()

请访问https://www.programcreek.com/java-api-examples/?class=android.support.v7.widget.RecyclerView&method=smoothScrollToPosition