import 'package:flutter/material.dart';

import '../service/service_method.dart';

import 'package:flutter_swiper/flutter_swiper.dart';

import 'dart:convert';

import 'package:flutter_screenutil/flutter_screenutil.dart';

class HomePage extends StatefulWidget {

  @override

  _HomePageState createState() => _HomePageState();

}

class _HomePageState extends State<HomePage> {

  String homePageContent='正在获取数据';

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(title: Text('百姓生活+')),

      body: FutureBuilder(

        future: getHomePageContent(),

        builder: (context, snapshot) {

          if(snapshot.hasData){

            var data=json.decode(snapshot.data.toString());

            List<Map> swiper=(data['data']['slides'] as List).cast();

            List<Map> navigatorList=(data['data']['category'] as List).cast();

            String adPicture=data['data']['advertesPicture']['PICTURE_ADDRESS'];

            return Column(

              children: <Widget>[

                SwiperDiy(swiperDateList: swiper),

                TopNavigator(navigatorList:navigatorList ,),

                AdBanner(adPicture:adPicture)

              ],

            );

          }else{

            return Center(child: Text('加载中....'));

          }

        },

      ),

    );

  }

}

//首页轮播插件

class SwiperDiy extends StatelessWidget {

  final List swiperDateList;

  //构造函数

  SwiperDiy({this.swiperDateList});

  @override

  Widget build(BuildContext context) {

    print('设备的像素密度：${ScreenUtil.pixelRatio}');

    print('设备的高：${ScreenUtil.screenWidth}');

    print('设备的宽：${ScreenUtil.screenHeight}');

    return Container(

      height: ScreenUtil().setHeight(),//

      width:ScreenUtil().setWidth(),

      child: Swiper(

        itemBuilder: (BuildContext context,int index){

          return Image.network("${swiperDateList[index]['image']}",fit: BoxFit.fill,);

        },

        itemCount: swiperDateList.length,

        pagination: SwiperPagination(),

        autoplay: true,

      ),

    );

  }

}

class TopNavigator extends StatelessWidget {

  final List navigatorList;

  TopNavigator({Key key, this.navigatorList}) : super(key: key);

  Widget _gridViewItemUI(BuildContext context,item){

    return InkWell(

      onTap: (){print('点击了导航');},

      child: Column(

        children: <Widget>[

          Image.network(item['image'],width: ScreenUtil().setWidth()),

          Text(item['mallCategoryName'])

        ],

      ),

    );

  }

  @override

  Widget build(BuildContext context) {

    if(this.navigatorList.length>){

      this.navigatorList.removeRange(,this.navigatorList.length);//从第十个截取，后面都截取掉

    }

    return Container(

      height: ScreenUtil().setHeight(),//只是自己大概预估的一个高度，后续可以再调整

      padding: EdgeInsets.all(3.0),//为了不让它切着屏幕的边缘，我们给它一个padding

      child: GridView.count(

        crossAxisCount: ,//每行显示5个元素

        padding: EdgeInsets.all(5.0),//每一项都设置一个padding，这样他就不挨着了。

        children: navigatorList.map((item){

          return _gridViewItemUI(context,item);

        }).toList(),

      ),

    );

  }

}

class AdBanner extends StatelessWidget {

  final String adPicture;

  AdBanner({Key key, this.adPicture}) : super(key: key);

  @override

  Widget build(BuildContext context) {

    return Container(

      child: Image.network(adPicture),

    );

  }

}