当我们在滚动屏幕的末尾时，如何禁用滚动按钮或图标

Question

我有两个按钮/图标，分别是左(后退按钮(和右(前进按钮(。。现在我在滚动视图中有7个屏幕。具有水平滚动视图。现在，我希望当用户在第一个屏幕时，左按钮应该被禁用，当用户在最后一个屏幕结束时，右按钮应该被停用。请帮忙这是我的屏幕

<View>screen 1</View>
<View>screen 2</View>
<View>screen 3</View>
<View>screen 4</View>
<View>screen 5</View>
<View>screen 6</View>

在这些屏幕下面是我的编码逻辑

<View style={{ paddingRight: "25%" }}>
<IconNB
name="arrow-left"
size={90}
color="#000080"
onPress={() => {
currIndex.current -= 1;
this.scroll.scrollTo({ x: screenWidth * currIndex.current });
}}
/>
</View>
<View style={{ paddingLeft: "25%" }}>
<IconNB
name="arrow-right"
size={90}
color="#000080"
onPress={() => {
currIndex.current += 1;
this.scroll.scrollTo({ x: screenWidth * currIndex.current });
}}
/>
</View>

Answer 1

您可以使用currIndex.current。

{currIndex.current !== 0 && 
<IconNB
name="arrow-left"
size={90}
color="#000080"
onPress={() => {
currIndex.current -= 1;
this.scroll.scrollTo({ x: screenWidth * currIndex.current });
}}
/>
}

如果currentIndex.current不是0，这将使左按钮可见。