更改本机 ScrollView 颜色

Question

我对 React-Natives 中的 ScrollView 有疑问。我已经在 react-native 文档中寻找过它，但仍然找不到。因此我需要包含一张图片，因为我什至不知道如何调用它。

这张图片中的“紫色”是否可以更改？如何？这个“紫色”的东西叫什么？

这是我提供线索的代码。

滚动视图：

    <ScrollView
      horizontal={true}
      showsHorizontalScrollIndicator={false}
      style={style.scrollContainer}
      endFillColor="#000"
    >

风格

  scrollContainer: {
    marginTop: 20,
    marginHorizontal: 10,
    color: "#fff",
  },

谢谢

Answer 1

这是 android 设备上的 overScroll glow effect，可以使用 overScrollMode prop 禁用。您需要将其设置为never，如下所示。

<ScrollView
      horizontal={true}
      showsHorizontalScrollIndicator={false}
      style={style.scrollContainer}
      endFillColor="#000"
      overScrollMode="never"
    >

我制作了一个小 snack 来展示这个道具。请注意，我已为水平滚动视图禁用它并为垂直滚动视图启用它。

只能通过将 <item name="android:colorEdgeEffect">#E53644</item> 添加到您的 styles.xml 来更改颜色，如 here 所述，其中 #E53644 是所选颜色的十六进制代码。

更改本机 ScrollView 颜色

Change react-native ScrollView color

react-native