import 'package:flutter/material.dart';
// 底部导航入口，赋值绘制整个app
import 'package:flutter_app/view/components/BottomNavigationWidget.dart';


import 'package:intro_views_flutter/Models/page_view_model.dart';
import 'package:intro_views_flutter/intro_views_flutter.dart';
import 'package:flutter_app/R.dart';


class WelcomeWidget extends StatefulWidget {
  // 这里接受一个 bool ，用于下面的判断，主要为了实现在设置页面也可以浏览查看app的启动欢迎页面
  // 而不进行跳转
  final bool enterAction;

  WelcomeWidget(this.enterAction);

  @override
  State<StatefulWidget> createState() => _WelcomeWidget();
}

class _WelcomeWidget extends State<WelcomeWidget> {

  // 启动页面的基本配置，一般从后端获取，这里直接写死
  final pages = [
    PageViewModel(
        pageColor: Colors.orange,
        body: Text(
          '国内高清模特写真，为您带来视觉享受',
          style: TextStyle(
              fontSize: 17.0
          ),
        ),
        title: Text(
          '夜色社区-美图精选',
          style: TextStyle(
              fontSize: 30.0
          ),
        ),
        textStyle: TextStyle(color: Colors.white),
        mainImage: Image.asset(
          R.libStaticImgLogoPng,
          height: 285.0,
          width: 285.0,
          alignment: Alignment.center,
        )
    ),
    PageViewModel(
        pageColor: const Color(0xFF03A9F4),
        body: Text(
          '基于谷歌开源UI框架Flutter + Dart语言开发的原生App，为您带来更快更流畅的体验',
          style: TextStyle(
              fontSize: 17.0
          ),
        ),
        title: Text(
          '更快',
          style: TextStyle(
            fontSize: 30.0
          ),
        ),
        textStyle: TextStyle(color: Colors.white),
        mainImage: Image.asset(
          R.libStaticImgAirplanePng,
          height: 285.0,
          width: 285.0,
          alignment: Alignment.center,
        )
    ),
    PageViewModel(
      pageColor: const Color(0xFF8BC34A),
      body: Text(
        '基于RSA非对称加密与HTTPS全面保障您的数据安全',
        style: TextStyle(
            fontSize: 17.0
        ),
      ),
      title: Text(
        '安全',
        style: TextStyle(
          fontSize: 30.0
        ),
      ),
      mainImage: Image.asset(
        R.libStaticImgHotelPng,
        height: 285.0,
        width: 285.0,
        alignment: Alignment.center,
      ),
      textStyle: TextStyle(color: Colors.white),
    ),
    PageViewModel(
      pageColor: const Color(0xFF607D8B),
      body: Text(
        '全面并且全力开发并支持Android，iOS，Web，桌面客户端，为您提供随时随地的观影体验',
        style: TextStyle(
            fontSize: 17.0
        ),
      ),
      title: Text(
        '方便',
        style: TextStyle(
            fontSize: 30.0
        ),
      ),
      mainImage: Image.asset(
        R.libStaticImgTaxiPng,
        height: 285.0,
        width: 285.0,
        alignment: Alignment.center,
      ),
      textStyle: TextStyle(color: Colors.white),
    ),
  ];


  @override
  Widget build(BuildContext context) {
    return Builder(
      builder: (context) =>
        IntroViewsFlutter(
          pages,
          onTapDoneButton: () {
            if(widget.enterAction) {
              // 使用 pushAndRemoveUntil 进入app后销毁之前的启动页面，否则侧滑还能打开
              Navigator.pushAndRemoveUntil(context,
                  new MaterialPageRoute(
                    builder: (BuildContext context) {
                      return new BottomNavigationWidget();
                    },
                  ), (route) => route == null
              );
            }
          },
          skipText: Text("跳过"),
          doneText: Text("进入"),
          pageButtonTextStyles: TextStyle(
            color: Colors.white,
            fontSize: 18.0,
          ),
        ), //IntroViewsFlutter
    );
  }
}