iurii_dorofeev Jul 5 2021 at 11:39

Тап в статус бар. Делаем простое сложно c помощью Flutter

9 min

6.6K

Comments 12

mr_writer Jul 5 2021 at 11:45

Какие-то проблемы на ровном месте. Стандартый UIScrollView реализует эту возможность, а коллекции (UITableView, UICollectionView) наследуются от UIScrollView. Что касается подскраливаний, то логику для них можно дописать в делегата UIScrollView и все будет ок.

iurii_dorofeev Jul 5 2021 at 11:47

Спасибо!
Речь именно про реализацию во Flutter

nikita_dol Jul 6 2021 at 16:00

Issue на Flutter к этой статье тут

В реальных проектах нам иногда нужно иметь свой ScrollController для подскролов к элементам списка.

Для этих целей можно использовать тот же PrimaryScrollController

Будет ли это тап в статус бар работать, если у нас будет несколько вложенных Scaffold?

Но не будет работать если я использую не Scaffoldа CupertinoPageScaffold или что кастомное

/// Primary scaffold of your app
final Scaffold scaffold;

И как следствие — не универсальное решение (то есть нельзя передать Widget) которое называется scrolls_to_top, а должно примерно так scrolls_to_top_primary_scaffold

iurii_dorofeev Jul 6 2021 at 21:31

Спасибо за ссылку на issue!
По поводу передачи Scaffold внутрь ScrollsToTop виджета - поправил статью, там был неверный код. Хорошо, что вы заметили. Можно использовать любой виджет:

/// Widget for catch scrolls-to-top event
class ScrollsToTop extends StatefulWidget {
  /// Creates new ScrollsToTop widget
  const ScrollsToTop({
    Key? key,
    required this.child,
    required this.onScrollsToTop,
  }) : super(key: key);

  /// Any child widget
  final Widget child;

  /// Callback for handle scrolls-to-top event
  final ScrollsToTopCallback onScrollsToTop;

  @override
  State<ScrollsToTop> createState() => _ScrollsToTopState();
}

nikita_dol Jul 6 2021 at 22:32

Это не отменяет того, что либа не работает (по идее должен произойти принт в консоль, но его нету)

Пример кода

import 'package:flutter/material.dart';
import 'package:scrolls_to_top/scrolls_to_top.dart';

void main() => runApp(const _Root());

class _Root extends StatelessWidget {
  const _Root({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) => const MaterialApp(
        home: _Screen(),
      );
}

class _Screen extends StatelessWidget {
  const _Screen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) => ScrollsToTop(
        onScrollsToTop: (event) async {
          print(event);
        },
        child: ListView.builder(
          itemBuilder: (context, index) => const ColoredBox(
            color: Colors.red,
            child: SizedBox(
              height: 100,
            ),
          ),
        ),
      );
}