如何在反应本机scrollview中始终显示垂直滚动指示器

Question

我试图始终显示垂直滚动指示器。因为我的屏幕上有4页，但是，在加载屏幕并滚动第一页后，垂直滚动指示器消失了，这是scrollview的默认行为。因此，我尝试显示一些 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 道具，该道具使用起来非常简单。