app-starlock/star_lock/lib/mine/minePersonInfo/minePersonInfoEditAccount/minePersonInfoEditAccount/minePersonInfoEditAccount_page.dart

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';
import '../../../../translations/trans_lib.dart';

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

  @override
  State<MinePersonInfoEditAccountPage> createState() =>
      _MinePersonInfoEditAccountPageState();
}

class _MinePersonInfoEditAccountPageState
    extends State<MinePersonInfoEditAccountPage> {
  final TextEditingController _editAccountController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        backgroundColor: AppColors.mainBackgroundColor,
        appBar: TitleAppBar(
            barTitle: TranslationLoader.lanKeys!.modifyAccount!.tr,
            haveBack: true,
            backgroundColor: AppColors.mainColor),
        body: Column(
          children: [
            Container(
                width: 1.sw,
                color: AppColors.greyBackgroundColor,
                padding: EdgeInsets.only(left: 15.w, top: 10.h, bottom: 10.h),
                child: Text(
                  TranslationLoader.lanKeys!.modifyAccountTip!.tr,
                  style: TextStyle(fontSize: 20.sp),
                )),
            Container(
              padding: EdgeInsets.all(20.h),
              height: 110.h,
              child: TextField(
                // maxLines: 1,
                keyboardType: TextInputType.text,
                // inputFormatters: inputFormatterstters??[],
                controller: _editAccountController,
                autofocus: false,
                textAlign: TextAlign.start,
                style: TextStyle(
                    height: 3.2,
                    fontSize: 22.sp,
                    fontWeight: FontWeight.w400,
                    color: const Color(0xFF333333)),
                decoration: InputDecoration(
                  hintText: TranslationLoader.lanKeys!.pleaseEnter!.tr,
                  hintStyle: TextStyle(
                      // height: 3.0,
                      fontSize: 22.sp,
                      color: const Color(0xFF999999)),
                  // labelText:"label",
                  labelStyle: const TextStyle(color: Color(0xFF999999)),
                  border: const OutlineInputBorder(
                    ///设置边框四个角的弧度
                    borderRadius: BorderRadius.all(Radius.circular(10)),

                    ///用来配置边框的样式
                    borderSide: BorderSide(
                      ///设置边框的颜色
                      color: Color(0xffD3D3D3),

                      ///设置边框的粗细
                      width: 1,
                    ),
                  ),

                  ///设置输入框可编辑时的边框样式
                  enabledBorder: const OutlineInputBorder(
                    ///设置边框四个角的弧度
                    borderRadius: BorderRadius.all(Radius.circular(10)),

                    ///用来配置边框的样式
                    borderSide: BorderSide(
                      ///设置边框的颜色
                      color: Color(0xffD3D3D3),

                      ///设置边框的粗细
                      width: 1,
                    ),
                  ),
                  disabledBorder: const OutlineInputBorder(
                    ///设置边框四个角的弧度
                    borderRadius: BorderRadius.all(Radius.circular(10)),

                    ///用来配置边框的样式
                    borderSide: BorderSide(
                      ///设置边框的颜色
                      color: Color(0xffD3D3D3),

                      ///设置边框的粗细
                      width: 1,
                    ),
                  ),

                  ///用来配置输入框获取焦点时的颜色
                  focusedBorder: const OutlineInputBorder(
                    ///设置边框四个角的弧度
                    borderRadius: BorderRadius.all(Radius.circular(10)),

                    ///用来配置边框的样式
                    borderSide: BorderSide(
                      ///设置边框的颜色
                      color: Color(0xffD3D3D3),

                      ///设置边框的粗细
                      width: 1,
                    ),
                  ),
                ),
                obscureText: false,
                onChanged: (String value) {},
              ),
            ),
            SizedBox(height: 50.w),
            SubmitBtn(
                btnName: TranslationLoader.lanKeys!.next!.tr,
                onClick: () {
                  Navigator.pushNamed(
                      context, Routers.minePersonInfoEditAccountNextPage);
                }),
            SizedBox(height: 50.w),
            Row(
              mainAxisAlignment: MainAxisAlignment.end,
              children: [
                GestureDetector(
                  child: SizedBox(
                    // width: 150.w,
                    height: 50.h,
                    // color: Colors.red,
                    child: Center(
                      child: Text(
                          '${TranslationLoader.lanKeys!.forgetPassword!.tr}？',
                          style: TextStyle(
                              fontSize: 18.sp, color: AppColors.mainColor)),
                    ),
                  ),
                  onTap: () {
                    Navigator.pushNamed(
                        context, Routers.starLockForgetPasswordPage);
                  },
                ),
                SizedBox(width: 30.w),
              ],
            ),
          ],
        ));
  }
}