Como corrigir o problema com foco reverso na entrada OTP no flutter

Estou assumindo que você está usando vários campos de texto para registrar cada caractere do otp, o problema é que como cada caixa de entrada do otp está vazia, o backspace não exclui nada, portanto, não dispara onChanged

para detectar um backspace, você pode inicializar um caractere em cada entrada, para que o backspace o exclua e acione onChanged , no meu caso usei um caractere de largura zero '\u2b' para que não fique visível para o usuário

Exemplo:

class OtpInputWidget extends StatefulWidget {
  final TextEditingController otpController;

  const OtpInputWidget({super.key, required this.otpController});

  @override
  State<OtpInputWidget> createState() => _OtpInputWidgetState();
}

class _OtpInputWidgetState extends State<OtpInputWidget> {
  final focusNode = FocusNode();

  @override
  void initState() {
    super.initState();
    // OnKeyEvent won't work because you can't detect a delete action in an empty text field
    // https://medium.com/super-declarative/why-you-cant-detect-a-delete-action-in-an-empty-flutter-text-field-3cf53e47b631
    focusNode.addListener(() {
      // On focusing on the text field, add a zero-width character at the front of text.
      // This enables the detection of delete actions in an "empty" text field.
      if (focusNode.hasFocus) {
        if (widget.otpController.text.isEmpty) {
          widget.otpController.text = '\u200b';
        } else {
          // This enables any changes to the text field value (whether the new value is
          // the same as or different from the old value) to trigger the OnChange event.
          final pin =
              widget.otpController.text.replaceAll('\u200b', '');
          widget.otpController.text = '\u200b$pin';
        }
        _selectAllText();
      }
    });
  }

  @override
  void dispose() {
    focusNode.dispose();
    super.dispose();
  }

no código acima, otpInputWidget é a caixa de entrada individual, eu o inicializo com um listener focusNode para adicionar um caractere de largura zero sempre que estiver vazio para adicioná-lo novamente se ele tiver sido excluído antes.

Além disso, como a caixa de entrada agora tem um caractere, em vez de adicionar um caractere à entrada, queremos substituir o caractere existente por um novo, selecionando o texto para que a entrada o substitua, por isso tenho um _selectAllText() no ouvinte para selecionar o texto da entrada sempre que ele estiver focado.

definição de _selectAllText():

void _selectAllText() {
  widget.otpController.selection = TextSelection(
    baseOffset: 0, 
    extentOffset: widget.otpController.value.text.length
   );
      }

e para alternar o foco no campo de texto:

onChanged: (value) {
        if (value.isNotEmpty) {
          FocusScope.of(context).nextFocus();
        } else {
          FocusScope.of(context).previousFocus();
        }
      },
      onTap: () => _selectAllText(),

* você deve se lembrar de higienizar o otp completo final antes de enviá-lo para validação, removendo os caracteres extras de largura zero:

otpInput.replaceAll('\u200b', ''),

abaixo está o código completo:

class OtpInputWidget extends StatefulWidget {
  final TextEditingController otpController;

  const OtpInputWidget({super.key, required this.otpController});

  @override
  State<OtpInputWidget> createState() => _OtpInputWidgetState();
}

class _OtpInputWidgetState extends State<OtpInputWidget> {
  final focusNode = FocusNode();

  @override
  void initState() {
    super.initState();
    // OnKeyEvent won't work because you can't detect a delete action in an empty text field
    // https://medium.com/super-declarative/why-you-cant-detect-a-delete-action-in-an-empty-flutter-text-field-3cf53e47b631
    focusNode.addListener(() {
      // On focusing on the text field, add a zero-width character at the front of text.
      // This enables the detection of delete actions in an "empty" text field.
      if (focusNode.hasFocus) {
        if (widget.otpController.text.isEmpty) {
          widget.otpController.text = '\u200b';
        } else {
          // This enables any changes to the text field value (whether the new value is
          // the same as or different from the old value) to trigger the OnChange event.
          final pin =
              widget.otpController.text.replaceAll('\u200b', '');
          widget.otpController.text = '\u200b$pin';
        }
        _selectAllText();
      }
    });
  }

  @override
  void dispose() {
    focusNode.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    double screenWidth = MediaQuery.sizeOf(context).width;

    final otpTextField = TextField(
      textAlign: TextAlign.center,
      keyboardType: TextInputType.number,
      controller: widget.otpController,
      focusNode: focusNode,
      maxLength: 1,
      decoration: InputDecoration(
          isDense: true,
          counterText: '',
          filled: true,
          fillColor: customColors.emailInputContainer,
          border: outlineInputBorderless),
      onChanged: (value) {
        if (value.isNotEmpty) {
          FocusScope.of(context).nextFocus();
        } else {
          FocusScope.of(context).previousFocus();
        }
      },
      onTap: () => _selectAllText(),
    );

    return SizedBox(width: screenWidth * 0.095, child: otpTextField);
  }

  void _selectAllText() {
    widget.otpController.selection = TextSelection(
        baseOffset: 0, extentOffset: widget.otpController.value.text.length);
  }
}