import 'package:flutter/material.dart';

import 'package:flutter_platform_widgets/flutter_platform_widgets.dart';
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';

class HomeScreen extends StatefulWidget {
  static const String PATH = '/Home';

  HomeScreen({Key key}) : super(key: key);

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

class _HomeScreenState extends State<HomeScreen> {

  // HomeBloc bloc;

  void _init(){
    // if(null == bloc){
    //   bloc = HomeBloc(AppProvider.getApplication(context));
    // }
  }

  @override
  void dispose() {
    super.dispose();
    // bloc.dispose();
  }

  @override
  Widget build(BuildContext context) {
    _init();

    return PlatformScaffold(
      body: _buildGridView(),
      bottomNavBar: _buildNavBar()
    );
  }

  Widget _buildNavBar() {
    return PlatformNavBar(
        currentIndex: 0,
        itemChanged: (index) => setState(
          () {
            // _selectedTabIndex = index;
            print(index);
          },
        ),
        items: [
          BottomNavigationBarItem(
            label: "Gallery",
            icon: Icon(PlatformIcons(context).collections),
          ),
          BottomNavigationBarItem(
            label: "Me",
            icon: Icon(PlatformIcons(context).person),
          ),
          BottomNavigationBarItem(
            label: "Settings",
            icon: Icon(PlatformIcons(context).settings),
          ),
        ],
      );
  }

  Widget _buildGridView() {
    // return GridView.builder(
    //   itemCount: 5,
    //   gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(
    //                       childAspectRatio: (1 / 1),
    //                       crossAxisCount: 2),
    //   itemBuilder: (BuildContext context, int index) {
    //      return _buildCard("https://i.imgur.com/CgSGqUz.jpeg");
    //   }
    // );


    return new StaggeredGridView.countBuilder(
      crossAxisCount: 4,
      itemCount: 80,
      itemBuilder: (BuildContext context, int index) => _buildCard("https://i.imgur.com/CgSGqUz.jpeg"),
      // itemBuilder: (BuildContext context, int index) => new Container(
      //     color: Colors.green,
      //     child: new Center(
      //       child: new CircleAvatar(
      //         backgroundColor: Colors.white,
      //         child: new Text('$index'),
      //       ),
      //     )),
      staggeredTileBuilder: (int index) =>
          // new StaggeredTile.count(2, index.isEven ? 2 : 1),
          new StaggeredTile.fit(2),
      mainAxisSpacing: 4.0,
      crossAxisSpacing: 4.0,
    );
  }

  Widget _buildCard(charImageUrl) {
    return new Image.network(
      charImageUrl,
      fit: BoxFit.contain,
    );
  }
}