import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';

/*
* 登录注册页面 input
* */

class TFInputHaveBorder extends StatelessWidget {

  TextEditingController? controller;
  List<TextInputFormatter>? inputFormatters;
  TextInputType? keyboardType;
  Color? background;
  String? hintText;
  String? leftImg;
  String? label;
  bool? isPwd;
  Widget? rightSlot;
  TFInputHaveBorder({Key? key, required this.controller,this.rightSlot,this.label,this.isPwd,this.inputFormatters,this.keyboardType,this.background,this.hintText, this.leftImg}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Stack(
      alignment: Alignment.centerRight,
      children: [
        TextField(
          maxLines: 1,
          keyboardType: TextInputType.text,
          // inputFormatters: inputFormatterstters??[],
          controller:controller,
          autofocus: false,
          textAlign: TextAlign.start,
          style:TextStyle(height: 1.1, fontSize: 30.sp, fontWeight: FontWeight.w400, color: const Color(0xFF333333)),
          decoration: InputDecoration(
            hintText: label,
            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){

          },
        ),
        rightSlot??const SizedBox(width: 0,height: 0)
      ],
    );
  }
}