huixiang_app/lib/home/guide_page.dart

import 'dart:io';

import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:huixiang/generated/l10n.dart';
import 'package:huixiang/utils/constant.dart';
import 'package:huixiang/utils/font_weight.dart';
import 'package:huixiang/utils/shared_preference.dart';
import 'package:huixiang/view_widget/border_text.dart';
import 'package:huixiang/view_widget/round_button.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:sharesdk_plugin/sharesdk_interface.dart';

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

class _GuidePage extends State<GuidePage> {
  @override
  void initState() {
    super.initState();
    if (Platform.isAndroid) isLogin();
  }

  isLogin() async {
    if (!SharedInstance.instance.isShowPrivacyPolicy) {
      showAlertDialog();
    }
  }

  @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.h, left: 19.w, right: 19.w,
                ),
                child: Stack(
                  children: [
                    Column(
                      children: [
                        Align(
                          alignment: Alignment.center,
                          child: Image.asset(
                            "assets/image/icon_guide_1.webp",
                            // height: 307,
                          ),
                        ),
                        SizedBox(
                          height: 66.h,
                        ),
                        Container(
                          alignment: Alignment.center,
                          child: Text(
                            S.of(context).yindaoye1,
                            overflow: TextOverflow.ellipsis,
                            style: TextStyle(
                              fontSize: 24.sp,
                              fontWeight: MyFontWeight.semi_bold,
                              color: Color(0XFF32A060),
                            ),
                          ),
                        ),
                        SizedBox(
                          height: 23.h,
                        ),
                        Padding(
                          padding: EdgeInsets.only(left: 19.w, right: 19.w),
                          child: Text(
                            S.of(context).yindao1,
                            textAlign: TextAlign.center,
                            style: TextStyle(
                              fontSize: 16.sp,
                              height: 1.5.h,
                              fontWeight: MyFontWeight.medium,
                              color: Color(0XFF727272),
                            ),
                          ),
                        ),
                      ],
                    ),
                    Container(
                      alignment: Alignment.bottomCenter,
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: [
                          Text(
                            "●",
                            style: TextStyle(
                              fontSize: 8.sp,
                              color: Colors.black,
                            ),
                          ),
                          SizedBox(
                            width: 10.w,
                          ),
                          Text(
                            "●",
                            style: TextStyle(
                              fontSize: 8.sp,
                              color: Color(0xffB2B2B2),
                            ),
                          ),
                          SizedBox(
                            width: 10.w,
                          ),
                          Text(
                            "●",
                            style: TextStyle(
                              fontSize: 8.sp,
                              color: Color(0xffB2B2B2),
                            ),
                          ),
                          SizedBox(
                            height: 108.h,
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
          Container(
            alignment: Alignment.center,
            color: Colors.white,
            child: Center(
              child: Container(
                margin: EdgeInsets.only(
                  top: 120.h, left: 19.w, right: 19.w,
                ),
                child: Stack(
                  children: [
                    Column(
                      children: [
                        Align(
                          alignment: Alignment.center,
                          child: Image.asset(
                            "assets/image/icon_guide_2.webp",
                            // height: 307,
                          ),
                        ),
                        SizedBox(
                          height: 66.h,
                        ),
                        Container(
                          alignment: Alignment.center,
                          child: Text(
                            S.of(context).yindaoye2,
                            overflow: TextOverflow.ellipsis,
                            style: TextStyle(
                              fontSize: 24.sp,
                              fontWeight: MyFontWeight.semi_bold,
                              color: Color(0XFF32A060),
                            ),
                          ),
                        ),
                        SizedBox(
                          height: 23.h,
                        ),
                        Padding(
                          padding: EdgeInsets.only(left: 19.w, right: 19.w),
                          child: Text(
                            S.of(context).yindao2,
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                fontSize: 16.sp,
                                height: 1.5.h,
                                fontWeight: MyFontWeight.medium,
                                color: Color(0XFF727272),
                            ),
                          ),
                        ),
                      ],
                    ),
                    Container(
                      alignment: Alignment.bottomCenter,
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: [
                          Text(
                            "●",
                            style: TextStyle(
                                fontSize: 8.sp,
                              color: Color(0xffB2B2B2),
                            ),
                          ),
                          SizedBox(
                            width: 10.w,
                          ),
                          Text(
                            "●",
                            style: TextStyle(
                                fontSize: 8.sp,
                                color: Colors.black,
                            ),
                          ),
                          SizedBox(
                            width: 10.w,
                          ),
                          Text(
                            "●",
                            style: TextStyle(
                                fontSize: 8.sp,
                                color: Color(0xffB2B2B2),
                            ),
                          ),
                          SizedBox(
                            height: 108.h,
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
          Container(
            alignment: Alignment.center,
            color: Colors.white,
            child: Center(
              child: Container(
                margin: EdgeInsets.only(
                    top: 120.h, left: 19.w, right: 19.w,
                ),
                child: Stack(
                  children: [
                    Column(
                      children: [
                        Align(
                          alignment: Alignment.center,
                          child: Image.asset(
                            "assets/image/icon_guide_3.webp",
                            // height: 307,
                          ),
                        ),
                        SizedBox(
                          height: 66.h,
                        ),
                        Container(
                          alignment: Alignment.center,
                          child: Text(
                            S.of(context).yindaoye3,
                            overflow: TextOverflow.ellipsis,
                            style: TextStyle(
                              fontSize: 24.sp,
                              fontWeight: MyFontWeight.semi_bold,
                              color: Color(0XFF32A060),
                            ),
                          ),
                        ),
                        SizedBox(
                          height: 23.h,
                        ),
                        Padding(
                          padding: EdgeInsets.only(left: 19.w, right: 19.w),
                          child: Text(
                            S.of(context).yindao3,
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                fontSize: 16.sp,
                                height: 1.5.h,
                                fontWeight: MyFontWeight.medium,
                                color: Color(0XFF727272),
                            ),
                          ),
                        ),
                      ],
                    ),
                    Container(
                      alignment: Alignment.bottomCenter,
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: [
                          Text(
                            "●",
                            style: TextStyle(
                                fontSize: 8.sp,
                                color: Color(0xffB2B2B2),
                            ),
                          ),
                          SizedBox(
                            width: 10.w,
                          ),
                          Text(
                            "●",
                            style: TextStyle(
                                fontSize: 8.sp,
                                color: Color(0xffB2B2B2),
                            ),
                          ),
                          SizedBox(
                            width: 10.w,
                          ),
                          Text(
                            "●",
                            style: TextStyle(
                                fontSize: 8.sp,
                                color: Colors.black,
                            ),
                          ),
                          SizedBox(
                            height: 108.h,
                          ),
                        ],
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
          Container(
            alignment: Alignment.center,
            color: Colors.white,
            child: Center(
              child: Container(
                child: Stack(
                  children: [
                    Column(
                      children: [
                        Image.asset(
                          "assets/image/icon_guide_4.webp",
                          width: double.infinity,
                          fit: BoxFit.fill,
                        ),
                        SizedBox(
                          height: MediaQuery.of(context).size.width >= 650
                              ? 20.h
                              : 66.h,
                        ),
                        Container(
                          alignment: Alignment.center,
                          child: Text(
                            S.of(context).yindaoye4,
                            overflow: TextOverflow.ellipsis,
                            style: TextStyle(
                                fontSize: 24.sp,
                                fontWeight: MyFontWeight.semi_bold,
                                color: Color(0XFF32A060),
                            ),
                          ),
                        ),
                        SizedBox(
                          height: MediaQuery.of(context).size.width >= 650
                              ? 15.h
                              : 23.h,
                        ),
                        Padding(
                          padding: EdgeInsets.only(left: 52.w, right: 52.w),
                          child: Text(
                            S.of(context).yindao4,
                            textAlign: TextAlign.center,
                            style: TextStyle(
                                fontSize: 16.sp,
                                height: 1.5.h,
                                fontWeight: MyFontWeight.medium,
                                color: Color(0XFF727272),
                            ),
                          ),
                        ),
                      ],
                    ),
                    Align(
                      alignment: Alignment.bottomCenter,
                      child: GestureDetector(
                        onTap: () {
                          toNext();
                        },
                        child: Container(
                          height: 50.h,
                          margin: EdgeInsets.only(
                              left: 71.w, right: 71.w, bottom: 55.h,
                          ),
                          alignment: Alignment.center,
                          child: BorderText(
                            padding: EdgeInsets.all(5),
                            text: S.of(context).lijitiyan,
                            fontSize: 20.sp,
                            fontWeight: MyFontWeight.regular,
                            textColor: Color(0xFF32A060),
                            borderColor: Color(0xFF32A060),
                            borderWidth: 1.w,
                            radius: 26.5,
                          ),
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            ),
          ),
        ],
      ),
    );
  }

  showAlertDialog() {
    //显示对话框
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return PopScope(
          canPop: true,
          onPopInvoked: (isPop) {},
          child: SimpleDialog(
            titlePadding: EdgeInsets.all(10),
            backgroundColor: Colors.transparent,
            elevation: 0,
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(6),
            ),
            children: <Widget>[
              Container(
                alignment: Alignment.center,
                width: double.infinity,
                height: 325.h,
                padding: EdgeInsets.only(left: 16.w, right: 16.w),
                decoration: new BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.circular(8),
                ),
                child: Column(
                  children: [
                    Padding(
                      padding: EdgeInsets.only(top: 24.h, bottom: 10.h),
                      child: Text(
                        S.of(context).xieyitanchuang,
                        style: TextStyle(
                          color: Color(0xff4D4D4D),
                          fontSize: 18.sp,
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                    ),
                    Expanded(
                      child: SingleChildScrollView(
                        child: Column(
                          children: [
                            Text.rich(
                              TextSpan(
                                children: [
                                TextSpan(
                                  text: S.of(context).yinsizhengce1,
                                  style: TextStyle(
                                    fontWeight: MyFontWeight.medium,
                                    fontSize: 14.sp,
                                    height: 1.3.h,
                                    color: Color(0xff727272),
                                  ),
                                ),
                                TextSpan(
                                  text: S.of(context).yinsixieyi,
                                  style: TextStyle(
                                    fontWeight: MyFontWeight.medium,
                                    fontSize: 14.sp,
                                    color: Color(0xff32A060),
                                  ),
                                  recognizer: TapGestureRecognizer()
                                    ..onTap = () {
                                      Navigator.of(context).popAndPushNamed('/router/treaty_page');
                                    },
                                ),
                              ],
                              ),
                            ),
                            10.d,
                            Text(
                              S.of(context).yinsizhengce2,
                              textAlign: TextAlign.justify,
                              style: TextStyle(
                                color: Color(0xff727272),
                                fontSize: 14.sp,
                                height: 1.3.h,
                                fontWeight: MyFontWeight.medium,
                              ),
                            ),
                          ],
                        ),
                      ),
                    ),
                    16.d,
                    Row(
                      mainAxisAlignment: MainAxisAlignment.center,
                      children: [
                        GestureDetector(
                          onTap: () {
                            // Navigator.of(context).pop();
                            exit(0);
                          },
                          child: Container(
                            height: 40.h,
                            alignment: Alignment.bottomCenter,
                            margin: EdgeInsets.only(bottom: 20.h),
                            child: BorderText(
                              padding: EdgeInsets.only(
                                top: 10.h,
                                bottom: 10.h,
                                left: 36.w,
                                right: 36.w,
                              ),
                              text: S.of(context).jujue,
                              fontSize: 12.sp,
                              textColor: Color(0xFF32A060),
                              borderColor: Color(0xFF32A060),
                              borderWidth: 1.w,
                              radius: 23,
                            ),
                          ),
                        ),
                        21.vd,
                        Container(
                          height: 40.h,
                          margin: EdgeInsets.only(bottom: 20.h),
                          alignment: Alignment.bottomCenter,
                          child: RoundButton(
                            text: S.of(context).tongyibingjixu,
                            textColor: Colors.white,
                            fontSize: 12.sp,
                            callback: () {
                              SharedInstance.instance.showPrivacyPolicy();
                              SharesdkPlugin.uploadPrivacyPermissionStatus(
                                1,
                                    (success) {
                                  Navigator.of(context).pop();
                                },
                              );
                            },
                            padding: EdgeInsets.only(
                              top: 10.h,
                              bottom: 10.h,
                              left: 21.5.w,
                              right: 21.5.w,
                            ),
                            backgroup: Color(0xff32A060),
                            radius: 23,
                          ),
                        ),
                        20.vd
                      ],
                    ),
                  ],
                ),
              ),
            ],
          ),
        );
      },
    );
  }

  toNext() {
    SharedInstance.instance.setFirst();
    String token = SharedInstance.instance.token;
    if (token.isEmpty) {
      Navigator.of(context).popAndPushNamed('/router/new_login_page');
    } else {
      Navigator.of(context).popAndPushNamed('/router/main_page');
    }
  }
}