import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:huixiang/view_widget/border_text.dart';

class GuidePage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _GuidePage();
  }
}

class _GuidePage extends State<GuidePage> {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: PageView(
        scrollDirection: Axis.horizontal,
        reverse: false,
        controller: PageController(
          initialPage: 0,
          viewportFraction: 1,
          keepPage: true,
        ),
        physics: BouncingScrollPhysics(),
        pageSnapping: true,
        onPageChanged: (index) {
          //监听事件
          print('index=====$index');
        },
        children: <Widget>[
          Container(
            alignment: Alignment.center,
            color: Colors.white,
            child: Center(
              child: Container(
                margin: EdgeInsets.only(top: 120, left: 19, right: 19),
                child: Stack(
                  children: [
                    Column(
                      children: [
                        Align(
                          alignment: Alignment.center,
                          child: Image.asset(
                            "assets/image/icon_guide_1.png",
                            // height: 307,
                          ),
                        ),
                        SizedBox(
                          height: 66,
                        ),
                        Padding(
                          padding: EdgeInsets.only(left: 37, right: 37),
                          child: Text(
                            "会员最新资讯抢先看",
                            style: TextStyle(
                                fontSize: 24,
                                fontWeight: FontWeight.bold,
                                color: Color(0XFF32A060)),
                          ),
                        ),
                        SizedBox(
                          height: 23,
                        ),
                        Padding(
                          padding: EdgeInsets.only(left: 19, right: 19),
                          child: Text(
                            "新增多项功能，海量优惠资讯实时推送",
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                fontSize: 16,
                                height:1.5,
                                fontWeight: FontWeight.w600,
                                color: Color(0XFF727272)),
                          ),
                        ),
                      ],
                    ),
                    Container(
                      alignment: Alignment.bottomCenter,
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: [
                          Text(
                            "●",
                            style: TextStyle(fontSize: 8, color: Colors.black),
                          ),
                          SizedBox(
                            width: 10,
                          ),
                          Text(
                            "●",
                            style: TextStyle(
                                fontSize: 8, color: Color(0xffB2B2B2)),
                          ),
                          SizedBox(
                            width: 10,
                          ),
                          Text(
                            "●",
                            style: TextStyle(
                                fontSize: 8, color: Color(0xffB2B2B2)),
                          ),
                          SizedBox(
                            height: 98,
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
          Container(
            alignment: Alignment.center,
            color: Colors.white,
            child: Center(
              child: Container(
                margin: EdgeInsets.only(top: 120, left: 19, right: 19),
                child: Stack(
                  children: [
                    Column(
                      children: [
                        Align(
                          alignment: Alignment.center,
                          child: Image.asset(
                            "assets/image/icon_guide_2.png",
                            // height: 307,
                          ),
                        ),
                        SizedBox(
                          height: 66,
                        ),
                        Padding(
                          padding: EdgeInsets.only(left: 37, right: 37),
                          child: Text(
                            "全新集团联盟店会员点餐",
                            style: TextStyle(
                                fontSize: 24,
                                fontWeight: FontWeight.bold,
                                color: Color(0XFF32A060)),
                          ),
                        ),
                        SizedBox(
                          height: 23,
                        ),
                        Padding(
                          padding: EdgeInsets.only(left: 19, right: 19),
                          child: Text(
                            "新增多项功能，使用平台钱包优惠多多，更有充值优惠享不停",
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                fontSize: 16,
                                height:1.5,
                                fontWeight: FontWeight.w600,
                                color: Color(0XFF727272)),
                          ),
                        ),
                      ],
                    ),
                    Container(
                      alignment: Alignment.bottomCenter,
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: [
                          Text(
                            "●",
                            style: TextStyle(
                                fontSize: 8, color: Color(0xffB2B2B2)),
                          ),
                          SizedBox(
                            width: 10,
                          ),
                          Text(
                            "●",
                            style: TextStyle(fontSize: 8, color: Colors.black),
                          ),
                          SizedBox(
                            width: 10,
                          ),
                          Text(
                            "●",
                            style: TextStyle(
                                fontSize: 8, color: Color(0xffB2B2B2)),
                          ),
                          SizedBox(
                            height: 98,
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
          Container(
            alignment: Alignment.center,
            color: Colors.white,
            child: Center(
              child: Container(
                margin: EdgeInsets.only(top: 120, left: 19, right: 19),
                child: Stack(
                  children: [
                    Column(
                      children: [
                        Align(
                          alignment: Alignment.center,
                          child: Image.asset(
                            "assets/image/icon_guide_3.png",
                            // height: 307,
                          ),
                        ),
                        SizedBox(
                          height: 66,
                        ),
                        Padding(
                          padding: EdgeInsets.only(left: 37, right: 37),
                          child: Text(
                            "会员活动专区",
                            style: TextStyle(
                                fontSize: 24,
                                fontWeight: FontWeight.bold,
                                color: Color(0XFF32A060)),
                          ),
                        ),
                        SizedBox(
                          height: 23,
                        ),
                        Padding(
                          padding: EdgeInsets.only(left: 19, right: 19),
                          child: Text(
                            "新增会员任务得积分，消费可得绿金、积分商城换购",
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                fontSize: 16,
                                height:1.5,
                                fontWeight: FontWeight.w600,
                                color: Color(0XFF727272)),
                          ),
                        ),
                      ],
                    ),
                    Container(
                      alignment: Alignment.bottomCenter,
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: [
                          Text(
                            "●",
                            style: TextStyle(
                                fontSize: 8, color: Color(0xffB2B2B2)),
                          ),
                          SizedBox(
                            width: 10,
                          ),
                          Text(
                            "●",
                            style: TextStyle(
                                fontSize: 8, color: Color(0xffB2B2B2)),
                          ),
                          SizedBox(
                            width: 10,
                          ),
                          Text(
                            "●",
                            style: TextStyle(fontSize: 8, color: Colors.black),
                          ),
                          SizedBox(
                            height: 98,
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
          Container(
            alignment: Alignment.center,
            color: Colors.white,
            child: Center(
              child: Container(
                margin: EdgeInsets.only(top: 108),
                child:
                    Column(
                      children: [
                      Image.asset(
                            "assets/image/icon_guide_4.png",
                            width: double.infinity,
                            fit: BoxFit.fill,
                          ),
                        SizedBox(
                          height: 66,
                        ),
                        Padding(
                          padding: EdgeInsets.only(left: 104, right: 104),
                          child: Text(
                            "会员活动专区",
                            style: TextStyle(
                                fontSize: 24,
                                fontWeight: FontWeight.bold,
                                color: Color(0XFF32A060)),
                          ),
                        ),
                        SizedBox(
                          height: 23,
                        ),
                        Padding(
                          padding: EdgeInsets.only(left: 52, right: 52),
                          child: Text(
                            "传递友爱纯净健康有机环保智慧理念",
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                fontSize: 16,
                                height:1.5,
                                fontWeight: FontWeight.w600,
                                color: Color(0XFF727272)),
                          ),
                        ),
                        SizedBox(
                          height: 50,
                        ),
                        GestureDetector(
                          onTap: (){
                            Navigator.of(context).pushNamed('/router/login_page');
                          },
                          child:Container(
                            margin: EdgeInsets.only(left: 71,right: 71),
                            alignment: Alignment.bottomCenter,
                            child:BorderText(
                              padding: EdgeInsets.all(11),
                              text: "立即体验",
                              fontSize: 20,
                              textColor: Color(0xFF32A060),
                              borderColor: Color(0xFF32A060),
                              borderWidth: 1,
                              radius: 26.5,
                            ),
                          ),
                        ),
                      ],
                    ),
              ),
            ),
          )
        ],
      ),
    );
  }
}