roaa94 / movies_app Goto Github PK

final AsyncValue<Timeline> currentTimelineFromIndex = ref
                      .watch(testTimelineFutureProvider(idx ~/ 20))
                      .whenData((pageData) => pageData.results[idx % 20]);

import 'package:app/enums/constant.dart';
import 'package:app/hooks/hook_providers.dart';
import 'package:app/hooks/timeline/timeline_count_provider.dart';
import 'package:app/hooks/timeline/timeline_scroll_controller_provider.dart';
import 'package:app/models/timeline/timeline.dart';
import 'package:app/ui/screens/timeline/timeline_list_item.dart';
import 'package:app/ui/widgets/common/common_sliver_app_bar.dart';
import 'package:app/ui/widgets/loading/icon_loading.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';

class TimelineTwoScreen extends HookConsumerWidget {
  final bool isLoading = false;
  const TimelineTwoScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final timelineCount = ref.watch(timelineCountProvider);
    final scrollController = ref.watch(timelineScrollControllerProvider);

    return timelineCount.when(
      loading: () => Container(
        color: Colors.white,
        child: const Center(child: IconLoading()),
      ),
      error: (err, stack) {
        return Scaffold(
          appBar: AppBar(title: const Text('Error')),
          body: Center(
            child: Text('$err'),
          ),
        );
      },
      data: (countItem) {
        return CustomScrollView(
          controller: scrollController,
          slivers: [
            const CommonSliverAppBar(title: ScreenName.timeLine),
            CupertinoSliverRefreshControl(
              onRefresh: () async {
                ref.refresh(timelineFutureProvider(0).future);
              },
              refreshTriggerPullDistance: 150,
            ),
            SliverList(
              delegate: SliverChildBuilderDelegate(
                childCount: countItem,
                (context, idx) {
                  final AsyncValue<Timeline> currentTimelineFromIndex = ref
                      .watch(testTimelineFutureProvider(idx ~/ 20))
                      .whenData((pageData) => pageData.results[idx % 20]);

                  print(
                      'From index: ${currentTimelineFromIndex.asData?.value}');

                  return ProviderScope(
                    overrides: [
                      currentTimelineProvider
                          .overrideWithValue(currentTimelineFromIndex)
                    ],
                    child: const TimelineListItem(),
                  );
                },
              ),
            ),
          ],
        );
      },
    );
  }
}