PUROGU LADESU

ポエムがメインのブログです。

【ReactNative】ScrollViewをプログラムでスクロールさせる

scrollTo()メソッドを使います。これで指定の場所まで移動してくれます。

reactnative.dev

コンポーネントのメソッドを使うにはrefを取る必要があるようです。

ja.reactjs.org

const imageScrollViewRef = React.useRef(null);

// どこかのボタンなどから呼び出す
const scrollView = (dx) => {
    // 横スクロールならx、縦スクロールならyを指定
    imageScrollViewRef?.current?.scrollTo({
      x: dx
      y: 0,
      animated: true,
    });
}

// 操作対象
<ScrollView
  ref={imageScrollViewRef}
  ...