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:  Colors.grey.shade300,
                padding: EdgeInsets.only(left:15.w, top: 10.h, bottom: 10.h),
                child: Text(TranslationLoader.lanKeys!.modifyAccountTip!.tr)
            ),
            Container(
              padding: EdgeInsets.all(30.w),
              child: TextField(
                maxLines: 1,
                keyboardType: TextInputType.text,
                // inputFormatters: inputFormatterstters??[],
                controller:_editAccountController,
                autofocus: false,
                textAlign: TextAlign.start,
                style:TextStyle(
                    height: 1.1,
                    fontSize: 30.sp,
                    fontWeight: FontWeight.w400,
                    color: const Color(0xFF333333)
                ),
                decoration: InputDecoration(
                  hintText: TranslationLoader.lanKeys!.pleaseEnter!.tr,
                  hintStyle: TextStyle(
                      height: 1.1,
                      fontSize: 30.sp,
                      fontWeight: FontWeight.w400,
                      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, fontSize: 28.sp, borderRadius: 20.w, padding: EdgeInsets.only(top: 25.w, bottom: 25.w), 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: 24.sp)),
                    ),
                  ),
                  onTap: (){
                    Navigator.pushNamed(context, Routers.starLockForgetPasswordPage);
                  },
                ),
                SizedBox(width: 30.w),
              ],
            ),
          ],
        )
    );
  }
}