Failed Adding an item to RxList<Favorite>

[gOzaru]

I am unable to add an instance of class Favorite into the RxList using add().
The RxList after added is empty.
Not even a single variable in class Favorite which gets updated as seen on code below.
Class Favorite has three variables which must be input.
I have added the Get.put in the main class.

Here is the scenario:
I created a class Favorite.

Name: favorite.dart

import 'package:audio_service/audio_service.dart';
import 'package:get/get.dart';

class Favorite {
  int idx = 0;
  RxBool wish = false.obs;
  MediaItem song = const MediaItem(id: "", title: "");

  Favorite({required idx, required wish, required song});
}

I used this class as instance for new RxList

Name: fav.dart

import 'package:audio_player_final/audio/favorite.dart';
import 'package:audio_player_final/audio/playlist.dart';
import 'package:audio_service/audio_service.dart';
import 'package:get/get.dart';

class Fav extends GetxController {
  RxList<Favorite> fav = RxList<Favorite>();  //<--- In this Rx variable

  void addFav(Favorite value) {
    fav.add(value);  //<-- This code doesn't work
    fav.refresh();
  }

  @override
  void onInit() {
    int x = 0;
    for (int i = 0; i < Sources.menuA.length; i++) {
      MediaItem newSong = Sources.menuA[i];
      addFav(Favorite(
          idx: x,
          wish: false,
          song: MediaItem(
            id: newSong.id,
            title: newSong.title,
            album: newSong.album,
            artist: newSong.artist,
            artUri: newSong.artUri,
          )));
      x++;
      fav.refresh();
    }
    for (int i = 0; i < Sources.menuB.length; i++) {
      MediaItem newSong = Sources.menuB[i];
      addFav(Favorite(
          idx: x,
          wish: false,
          song: MediaItem(
            id: newSong.id,
            title: newSong.title,
            album: newSong.album,
            artist: newSong.artist,
            artUri: newSong.artUri,
          )));
      fav.refresh();
      x++;
    }
    super.onInit();
  }
}

I checked whether the RxList has added the Favorite instance into it.

class Menu extends StatelessWidget {
  Menu({Key? key}) : super(key: key);
  final val = Get.find<Fav>();
  @override
  Widget build(BuildContext context) {
    for (int i = 0; i < val.fav.length; i++) {
      dev.log("[${val.fav[i].idx}] [${val.fav[i].song.title}]");  // <--- I checked it here
    }
    return Scaffold(
      appBar: AppBar(
        title: const Text(
          "Prototype",
          style: TextStyle(fontSize: 18.0),
        ),
        centerTitle: true,
        actions: [
          IconButton(
            icon: const Icon(Icons.close, color: Colors.white),
            onPressed: () {
              exit(0);
            },
          ),
        ],
      ),
      body: Container(
        padding: const EdgeInsets.all(15.0),
        alignment: Alignment.topCenter,
        width: MediaQuery.of(context).size.width,
        height: 180.0,
        child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            const Spacer(),
            InkWell(
              child: Column(
                children: [
                  Image.network(
                    "https://firebasestorage.googleapis.com/v0/b/testdemo-d20b2.appspot.com/o/Muzronic%20-%20The%20Saviour.jpg?alt=media&token=774c0e6f-42a0-40f2-bffe-66b556ccb0ed",
                    height: 128.0,
                    width: 128.0,
                  ),
                  const Text(
                    "First Album",
                    style: TextStyle(fontSize: 16.0),
                  ),
                ],
              ),
              onTap: () {
                Get.to(() => MenuA());
              },
            ),
            const Spacer(),
            InkWell(
              child: Column(
                children: [
                  Image.network(
                    "https://firebasestorage.googleapis.com/v0/b/testdemo-d20b2.appspot.com/o/Muzronic%20-%20Horizon.jpg?alt=media&token=15ab1882-410f-4abd-b68c-0557388032a7",
                    height: 128.0,
                    width: 128.0,
                  ),
                  const Text(
                    "Second Album",
                    style: TextStyle(fontSize: 16.0),
                  ),
                ],
              ),
              onTap: () {
                Get.to(() => MenuB());
              },
            ),
            const Spacer(),
          ],
        ),
      ),
    );
  }
}

This is the playlist.dart

Name: playlist.dart;

import 'package:audio_service/audio_service.dart';
class Sources {
  static List<MediaItem> menuA = [
    MediaItem(
      id: 'https://firebasestorage.googleapis.com/v0/b/testdemo-d20b2.appspot.com/o/The%20Saviour%20-%20Final%20Destination.mp3?alt=media&token=b9633c2e-4bfa-432c-82d8-73b07857628b',
      album: "The Saviour",
      title: "Final Destination",
      artist: "Muzronic Trailer Music",
      duration: const Duration(milliseconds: 208800),
      artUri: Uri.parse('https://firebasestorage.googleapis.com/v0/b/testdemo-d20b2.appspot.com/o/Muzronic%20-%20The%20Saviour.jpg?alt=media&token=774c0e6f-42a0-40f2-bffe-66b556ccb0ed'),
    ),
    MediaItem(
      id: 'https://firebasestorage.googleapis.com/v0/b/testdemo-d20b2.appspot.com/o/The%20Saviour%20-%20Dark%20Hero.mp3?alt=media&token=41b0161e-6d83-4b00-9a54-8aa7588cf6e5',
      album: "The Saviour",
      title: "Dark Hero",
      artist: "Muzronic Trailer Music",
      duration: const Duration(milliseconds: 148800),
      artUri: Uri.parse('https://firebasestorage.googleapis.com/v0/b/testdemo-d20b2.appspot.com/o/Muzronic%20-%20The%20Saviour.jpg?alt=media&token=774c0e6f-42a0-40f2-bffe-66b556ccb0ed'),
    ),
    MediaItem(
      id: 'https://firebasestorage.googleapis.com/v0/b/testdemo-d20b2.appspot.com/o/The%20Saviour%20-%20For%20The%20Destiny.mp3?alt=media&token=c053d86c-8f8c-42db-a81b-c8b458233e41',
      album: "The Saviour",
      title: "For the Destiny",
      artist: "Muzronic Trailer Music",
      duration: const Duration(milliseconds: 183000),
      artUri: Uri.parse('https://firebasestorage.googleapis.com/v0/b/testdemo-d20b2.appspot.com/o/Muzronic%20-%20The%20Saviour.jpg?alt=media&token=774c0e6f-42a0-40f2-bffe-66b556ccb0ed'),
    ),
    MediaItem(
      id: 'https://firebasestorage.googleapis.com/v0/b/testdemo-d20b2.appspot.com/o/The%20Saviour%20-%20Ready%20To%20Fall.mp3?alt=media&token=dc0baf64-15b6-4b28-9e3b-f6720d4c09c7',
      album: "The Saviour",
      title: "Ready to Fall",
      artist: "Muzronic Trailer Music",
      duration: const Duration(milliseconds: 199800),
      artUri: Uri.parse('https://firebasestorage.googleapis.com/v0/b/testdemo-d20b2.appspot.com/o/Muzronic%20-%20The%20Saviour.jpg?alt=media&token=774c0e6f-42a0-40f2-bffe-66b556ccb0ed'),
    ),
    MediaItem(
      id: 'https://firebasestorage.googleapis.com/v0/b/testdemo-d20b2.appspot.com/o/The%20Saviour%20-%20Saviour.mp3?alt=media&token=09f23eea-fb0a-4b4e-8345-76d8d0976db2',
      album: "The Saviour",
      title: "The Saviour",
      artist: "Muzronic Trailer Music",
      duration: const Duration(milliseconds: 185400),
      artUri: Uri.parse('https://firebasestorage.googleapis.com/v0/b/testdemo-d20b2.appspot.com/o/Muzronic%20-%20The%20Saviour.jpg?alt=media&token=774c0e6f-42a0-40f2-bffe-66b556ccb0ed'),
    ),
  ];
}

[jonataslaw]

Hi, you forgot Obx

[gOzaru]

I also tried this as well:
RxList<Favorite> fav = <Favorite>[].obs;
Unfortunately, nothing was added inside the RxList.

[gOzaru]

Hi, you forgot Obx

By the way, I think Obx is used when we want to wrap a widget and update the variable inside it automatically.
In my case, I just wanted to check if the function already input the instance of class Favorite inside the RxList,
But, it is full with empty data.
I don't know where I got wrong.

[gOzaru]

I managed to get the value of other variables inside class .
It seems variable of MediaItem was unable to get the data from Sources.menuA[i].
I wonder where I got wrong

[gOzaru]

I know where I got wrong.
I should have added this.variableName to the class Favorite.
Now it is working as it should be.
Thank you.

import 'package:audio_service/audio_service.dart';
import 'package:get/get.dart';

class Favorite {
  RxBool wish = false.obs;
  MediaItem song = const MediaItem(id: "", title: "");

  Favorite({required this.wish, required this.song});
}