FlutterのScrollViewを能動的に停止させる方法を探しています。

Question

FlutterのScrollViewのスクロールを能動的に停止させる方法を探しています。

動作としては
スクロール状態→複数タッチ→スクロールをアイドル状態
といった流れを考えています。

すでにListenerウィジェットで複数タッチの取得はできており
スクロール途中の状態もNotificationListener<ScrollNotification>で取得は出来ているのですが
こちらから停止させることができていない状態です。

ScrollPositionのドキュメントに
beginActivity(ScrollActivity? newActivity) と言うメソッドは確認しているのですがこちらを
どう実装すればいいかが不明な状態です。

解決できる方がいたら教えていただけると助かります。

下記ソースコードになります。

class _MyPageState extends State<MyPage> {

int _touchCount = 0;

  @override
  Widget build(BuildContext context) {
    var _screenSize = MediaQuery.of(context).size;

    return Scaffold(
      body: NotificationListener<ScrollNotification>(
        onNotification: (ScrollNotification scrollNotification) {

          if(_touchCount >= 2)
          {
            setState(() {
                //この中でスクロールの停止処理を入れる予定です。
            });
          }

          return true;
        },
        child: Listener(
          onPointerDown: incrementEnter,
          onPointerUp: incrementExit,
          onPointerCancel: incrementExit,
              child: SingleChildScrollView(
                
              ),
        ),
      ),
    );
  }

  void incrementEnter(PointerEvent details)
  {
    touchCount++;
  }

  void incrementExit(PointerEvent details)
  {
    touchCount--;
  }

}

Comments

[moriman]

はじめまして、こんにちは。
タッチしたら止まる、というのがいまいちよくわからないのですが、何にタッチしたら止まるのか、など、もう少し具体的な前提を教えて頂けますでしょうか。

あとScrollControllerが頭に浮かぶのですが、それよりもNotificationListenerの方が都合が良い感じでしょうか？

Answer 1

SingleChildScrollViewのphysicsで制御できるのではないかと思います。

class _MyHomePageState extends State<MyHomePage> {
  int _touchCount = 0;
  bool _disableScrolling = false;  // 追記

  @override
  Widget build(BuildContext context) {
    var _screenSize = MediaQuery.of(context).size;

    return Scaffold(
      body: NotificationListener<ScrollNotification>(
        onNotification: (ScrollNotification scrollNotification) {
          if (_touchCount >= 2) {
            setState(() {
              //この中でスクロールの停止処理を入れる予定です。
              _disableScrolling = true;  // 追記
            });
          }

          return true;
        },
        child: Listener(
          onPointerDown: incrementEnter,
          onPointerUp: incrementExit,
          onPointerCancel: incrementExit,
          child: SingleChildScrollView(
            physics: _disableScrolling. // 追記
                ? NeverScrollableScrollPhysics()
                : AlwaysScrollableScrollPhysics(),
            child: Container(),