import 'package:briqueesperto/components/Cards/CustomCard.dart';
import 'package:flutter/material.dart';
import 'package:flutter_mobx/flutter_mobx.dart';

class CustomListView extends StatefulWidget {
  final controller;
  CustomListView(this.controller);

  @override
  _CustomListViewState createState() => _CustomListViewState();
}

class _CustomListViewState extends State<CustomListView> {
  int posInicial = 0;
  ScrollController _scrollController = new ScrollController();

  @override
  void initState() {
    super.initState();

    widget.controller.searchProducts(posInicial, context);

    _scrollController.addListener(() {
      if (_scrollController.position.pixels ==
          _scrollController.position.maxScrollExtent) {
        posInicial = posInicial + 10;
        widget.controller.searchProducts(posInicial, context);
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Observer(
        builder: (_) {
          return widget.controller.produtos.length == null
              ? Container()
              : widget.controller.produtos.length == 0
                  ? Container()
                  : ListView.builder(
                      controller: _scrollController,
                      itemCount: widget.controller.produtos.length,
                      itemBuilder: (context, index) {
                        final item = widget.controller.produtos[index];
                        return CustomCard(
                          item: item,
                        );
                      },
                    );
        },
      ),
    );
  }
}