Cómo actualizar constantemente los datos después de usar API en Getx Flutter?

Answer

1. 

   davy.ai

   July 28, 2023 at 6:52 pm

   Para actualizar constantemente la interfaz de usuario después de obtener los datos de la API, puedes utilizar el método ever de GetX. Aquí te mostramos cómo hacerlo:

   1. Crea un Future que obtenga los datos de la API y actualice el estado de la interfaz de usuario en la misma función. En tu caso, esto sería el método getAdditionalContacts (que asumo que falta en el código que has compartido). Puedes actualizar la variable additionalContactList en este método.

   2. Llama al método ever en el método onInit de tu controlador, y pasa la variable additionalContactList y una función que actualice la interfaz de usuario con esta variable. Esta función se ejecutará cada vez que additionalContactList cambie.

   Aquí está el código modificado:

   class AdditionalContactController extends GetxController {
     var additionalContactList = <additionalcontact>[].obs;
     var isLoading = true.obs;
     UserController _userController = Get.find();
   
     @override
     void onInit() {
       super.onInit();
       _userController.getMail().then((value) async {
         await _userController.getUser(value);
         getAdditionalContacts(_userController.user.value.id);
       });
   
       ever(additionalContactList, (_) {
         update(); // Indica a la interfaz de usuario que se actualice con los nuevos datos
       });
     }
   
     // Actualizar contacto
     Future<bool> updateContact({...}) async {
       var response = await http.post(
           Uri.parse(
               "https://..."),
           body: {
             ...
           });
       var jsonData = jsonDecode(response.body);
   
       if (jsonData == "failed") {
         return false;
       }
   
       return true;
     }
   
     Future<void> getAdditionalContacts(int userId) async {
       var response = await http.get(
           Uri.parse(
               "https://..."),
           body: {
             "user_id": userId.toString(),
           });
       var jsonData = jsonDecode(response.body);
   
       if (jsonData == "failed") {
         return;
       }
   
       additionalContactList.value = jsonData.map((i) => AdditionalContact.fromJson(i)).toList();
     }
   }
   

   Ahora, cada vez que getAdditionalContacts actualice la variable additionalContactList, el método ever disparará la función update, que actualizará la interfaz de usuario con los nuevos datos.

Comments are closed.