import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';

import '../../../../../appRouters.dart';
import '../../../../../app_settings/app_colors.dart';
import '../../../../../tools/submitBtn.dart';
import '../../../../../tools/titleAppBar.dart';

class AddWirelessKeyboardScreenNotLightOnPage extends StatefulWidget {
  const AddWirelessKeyboardScreenNotLightOnPage({Key? key}) : super(key: key);

  @override
  State<AddWirelessKeyboardScreenNotLightOnPage> createState() =>
      _AddWirelessKeyboardScreenNotLightOnPageState();
}

class _AddWirelessKeyboardScreenNotLightOnPageState
    extends State<AddWirelessKeyboardScreenNotLightOnPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: AppColors.mainBackgroundColor,
      appBar: TitleAppBar(
          barTitle:'添加无线键盘'.tr,
          haveBack: true,
          backgroundColor: AppColors.mainColor),
      body: ListView(
        // mainAxisAlignment: MainAxisAlignment.center,
        // crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          SizedBox(
            height: 100.h,
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text(
                '输入*529#或按设置键'.tr,
                style: TextStyle(fontSize: 24.sp, color: AppColors.blackColor),
              ),
            ],
          ),
          SizedBox(
            height: 20.h,
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text(
                '(${'设置键的位置会有差异'.tr})',
                style: TextStyle(fontSize: 20.sp),
              ),
            ],
          ),
          SizedBox(
            height: 90.h,
          ),
          Image.asset(
            'images/main/icon_addWirelessKeyboardUnLightOnTip.png',
            width: 260.w,
            height: 260.w,
          ),
          SizedBox(
            height: 90.h,
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text(
                '当屏幕闪烁时，点击下一步'.tr,
                style: TextStyle(
                    fontSize: 22.sp, color: AppColors.darkGrayTextColor),
              ),
            ],
          ),
          SizedBox(
            height: 90.h,
          ),
          Container(
            margin: EdgeInsets.only(left: 20.w, right: 20.w),
            child: SubmitBtn(
                btnName: '下一步'.tr,
                onClick: () {
                  Navigator.pushNamed(
                      context, Routers.selectWirelessKeyboardPage);
                }),
          ),
        ],
      ),
    );
  }
}