TextFiled 키보드, rebuild 이슈 - review_write_page.dart

질문드립니다. :)

review_write_page.dart 에서

/////

class _ReviewBox extends StatefulWidget {
  final String? initReview;

  const _ReviewBox({super.key, this.initReview});

  @override
  State<_ReviewBox> createState() => _ReviewBoxState();
}

class _ReviewBoxState extends State<_ReviewBox> {
  TextEditingController editingController = TextEditingController();

  @override
  void didUpdateWidget(covariant _ReviewBox oldWidget) {
    super.didUpdateWidget(oldWidget);
    editingController.text = widget.initReview ?? '';
  }

  @override
  Widget build(BuildContext context) {
    return TextField(
      maxLines: null,
      controller: editingController,
      decoration: const InputDecoration(
        border: InputBorder.none,
        hintText: "리뷰를 입력해주세요.",
        contentPadding: EdgeInsets.symmetric(horizontal: 25),
        hintStyle: TextStyle(color: Color(0xff585858)),
      ),
      onChanged: context.read<ReviewWriteCubit>().changeReview,
      style: const TextStyle(color: Colors.white),
    );
  }
}

리뷰 작성 시,

iOS 실기기에서 TextFiled에 텍스트를 입력을 하면 키보드가 내려가지 않습니다.

이를 해결하기 위해서 FocusScope.of(context).unfocus();를 하면 키보드가 내려간다고 해서 Scafford 쪽에 GestureDetector onTap에 해당 함수를 호출하도록 했을 때는 TextFiled에 입력 텍스트가 없어지면서 초기화가 됩니다.

Android 실기기에서 TextField에 텍스트를 입력하고 키보드를 내릴 수가 있어서 내리면 TextField에 입력한 텍스트가 사라지면서 초기화됩니다.

어떻게 수정을 해야할까요? 🙂

  @override
  void didUpdateWidget(covariant _ReviewBox oldWidget) {
    super.didUpdateWidget(oldWidget);
    if (oldWidget.initReview != widget.initReview) {
      editingController.text = widget.initReview ?? '';
    }
  }