import 'dart:io';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:makemoney/utils/ui_constant.dart';

import 'refresh_listview.dart';

///SOS雷达扫描View
class VerificationBox extends StatefulWidget {
  final int length;
  final double width;
  final VerificationBoxController controller;

  VerificationBox(this.length, this.controller, {required this.width});

  @override
  _VerificationBoxState createState() => _VerificationBoxState();
}

class _VerificationBoxState extends State<VerificationBox>
    with WidgetsBindingObserver {
  final TextEditingController _controller = TextEditingController();
  String content = "";
  final FocusNode _focusNode = FocusNode();
  bool isKeyboardActived = false;

  @override
  void initState() {
    super.initState();
    WidgetsBinding.instance!.addObserver(this);
    widget.controller.controller = _controller;
    _controller.addListener(() {
      setState(() {
        print("listener:");
        if (content != _controller.text) {
          content = _controller.text;
          if (content.length >= widget.length) {
            if (content.length > widget.length) {
              _controller.text = (_controller.text.substring(0, widget.length));
            }
            isKeyboardActived = false;
            _focusNode.unfocus();
          }
        }
      });
    });

  }

  @override
  void dispose() {
    super.dispose();
    WidgetsBinding.instance!.removeObserver(this);
    isKeyboardActived = false;
    _focusNode.unfocus();
  }

  @override
  void didChangeMetrics() {
    print("didChangeMetrics isKeyboardActived:$isKeyboardActived");
    super.didChangeMetrics();
    WidgetsBinding.instance!.addPostFrameCallback((_) {
      // 当前是安卓系统并且在焦点聚焦的情况下
      if (Platform.isAndroid && _focusNode.hasFocus) {
        if (isKeyboardActived) {
          isKeyboardActived = false;
          // 使输入框失去焦点
          _focusNode.unfocus();
          return;
        }
        isKeyboardActived = true;
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
        onTap: () {
          print("点击事件，输入框获取焦点:${_focusNode.hasFocus}");
          FocusScope.of(context).requestFocus(_focusNode);
        },
        child: Stack(
          children: [
            SizedBox(
                width: 10,
                child: TextField(
                    cursorHeight: 0,
                    cursorWidth: 0,
                    cursorColor: Colors.transparent,
                    keyboardType: TextInputType.text,
                    inputFormatters: [
                      FilteringTextInputFormatter.allow(
                          RegExp("[a-zA-Z]|[0-9]")),
                      LengthLimitingTextInputFormatter(widget.length),
                    ],
                    style: const TextStyle(fontSize: 1, color: Colors.transparent),
                    decoration: const InputDecoration(
                        border: InputBorder.none,
                        focusedBorder: InputBorder.none,
                        focusColor: Colors.transparent),
                    textInputAction: TextInputAction.done,
                    focusNode: _focusNode,
                    autofocus: false,
                    controller: _controller)),
            SizedBox(
                width: widget.width,
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: getItems(),
                ))
          ],
        ));
  }

  List<Widget> getItems() {
    List<Widget> list = [];
    for (int i = 0; i < widget.length; i++) {
      list.add(getItem(i));
    }

    return list;
  }

  Widget getItem(int index) {
    double width = (widget.width - 10 * widget.length - 1) / widget.length;

    //TODO 传入宽度计算
    return Container(
      alignment: Alignment.center,
      width: width,
      height: width * 1.25,
      decoration: BoxDecoration(
          color: const Color(0xFFEFEFEF),
          borderRadius: BorderRadius.circular(13)),
      child: Text(
        content.length >= index + 1 ? content.substring(index, index + 1) : "",
        style: const TextStyle(
            color: ColorConstant.theme,
            fontSize: 24,
            fontWeight: FontWeight.bold),
      ),
    );
  }
}

class VerificationBoxController {
  VerificationBoxController();

  TextEditingController? _controller;

  set controller(TextEditingController? controller) {
    _controller = controller;
  }

  String get text => (_controller == null ? "" : _controller!.text);

  set text(String newText) {
    if (_controller != null) {
      _controller!.text = (newText);
    }
  }
}