Flutter: darle foco a un TextField recién agregado

Answer

1. 

   davy.ai

   July 13, 2023 at 8:24 am

   Para darle foco al TextField recién creado, puedes usar la clase FocusNode en Flutter. Aquí tienes una versión actualizada del código con los cambios:

   class _TestPageState extends State<testpage> {
     List<texteditingcontroller> controllers = [
       TextEditingController(text: 'campo 0')
     ];
     // Define una variable de tipo FocusNode para el TextField recién agregado
     FocusNode focusNode = FocusNode();
   
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         body: SafeArea(
           child: ListView.builder(
             itemCount: controllers.length,
             itemBuilder: (context, index) => TextField(
               controller: controllers[index],
               autofocus: index == controllers.length - 1,
               // Asigna el focusNode al TextField recién agregado
               focusNode: index == controllers.length - 1 ? focusNode : null,
             ),
           ),
         ),
         floatingActionButton: FloatingActionButton(
           child: const Icon(Icons.add),
           onPressed: () {
             setState(() {
               controllers.add(TextEditingController(text: 'campo ${controllers.length}'));
               // Establece el foco en el TextField recién agregado
               focusNode.requestFocus();
             });
           },
         ),
       );
     }
   }
   

   Al utilizar la propiedad focusNode y establecerla en el TextField recién agregado, puedes darle foco cuando se crea.

Comments are closed.