如何在反应原生滚动视图中始终显示垂直滚动指示器

Question

我一直在尝试显示垂直滚动指示器。因为我的屏幕上有 4 页，但是，在加载屏幕并滚动第一页后，垂直滚动指示器正在消失，这是滚动视图的默认行为。所以，我尝试展示一些 flashScrollIndicators() 但是，它仍然在消失。

  setScrollView = (scrollView) => {
    // NOTE: scrollView will be null when the component is unmounted
    this.scrollView = scrollView;
    this.scrollView.flashScrollIndicators();
  };


  render() {

return (
      <ScrollView ref={this.setScrollView} style={{ marginTop: 10, flexGrow: 1, flex: 1 }} contentInset={{ bottom: 20 }}>
   );
 }

任何建议，我的要求是我必须始终在屏幕上显示滚动指示器。

Answer 1

flashScrollIndicators() 将闪烁指示器一到两秒钟。您需要继续调用它才能看到它（例如使用 setInterval）。但这会使它像圣诞树一样闪烁，因为每次调用它都会闪烁，而不是保持稳定。

如果您希望栏始终是实心的，那么您可以在 iOS 上使用 my suggestion（没有本机代码）。 Android 有 persistentScrollbar 属性，使用起来非常简单。