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

我有两个按钮/图标，左（后退）按钮和右（前进）按钮。。现在我在scrollview中有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>

屏幕1
屏幕2
屏幕3
屏幕4
屏幕5
屏幕6

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

 <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>

{
current-index.current-=1；
this.scroll.scrollTo（{x:screenWidth*currendex.current}）；
}}
/>
{
current.current+=1；
this.scroll.scrollTo（{x:screenWidth*currendex.current}）；
}}
/>

您可以使用currendex.current

{currendex.current！==0&&
{
current-index.current-=1；
this.scroll.scrollTo（{x:screenWidth*currendex.current}）；
}}
/>
}

---

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

但是当我保存==0时，它在所有屏幕中都不可见我只想在第一个屏幕和最后一个屏幕上不可见CurrIndex.current，这是一个变量还是某个保存在状态中的东西？