hiltViewModel & @HiltViewModel
Sisipkan ViewModels ke dalam Composable.
hiltViewModel & @HiltViewModel adalah pelajaran Jetpack Compose Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Jetpack Compose Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Jetpack Compose Academy mencakup 4 pelajaran total.
Bagian dari pelajaran ini belum diterjemahkan dan ditampilkan dalam bahasa Inggris.
ViewModels Need Dependencies Too
Your ViewModel usually depends on a repository or use case. Hilt can inject those for you, so you never build them by hand again.
Annotate the ViewModel
Mark the class with @HiltViewModel and add @Inject to its constructor. Hilt now knows how to create it with all its dependencies.
@HiltViewModel
class FeedViewModel @Inject constructor(private val repo: Repo) : ViewModel()Inject Anything It Needs
Constructor parameters can be any type Hilt knows, like a repository, a use case, or a logger. Hilt resolves the whole chain for you.
@HiltViewModel
class FeedViewModel @Inject constructor(
repo: Repo, logger: Logger
) : ViewModel()Get One in Compose
Inside a Composable, call hiltViewModel() to obtain a Hilt-built ViewModel. No factory boilerplate, just one clean call.
@Composable
fun FeedScreen(vm: FeedViewModel = hiltViewModel()) { }Add the Compose Dependency
hiltViewModel() lives in the hilt-navigation-compose artifact. Add it to your Gradle file so the function is available in your screens.
implementation("androidx.hilt:hilt-navigation-compose:1.2.0")Default Parameter Pattern
Putting hiltViewModel() as a default parameter keeps the Composable testable. A test can still pass a fake ViewModel directly.
@Composable
fun FeedScreen(vm: FeedViewModel = hiltViewModel())Scoped to the Owner
hiltViewModel() scopes the instance to the nearest ViewModelStoreOwner, usually the Activity or nav destination, so it survives recomposition.
One ViewModel Per Destination
Inside a NavHost, each destination gets its own ViewModel instance. Navigate away and back, and that screen receives a fresh one.
Mark the Activity Too
The host Activity must carry @AndroidEntryPoint so Hilt can deliver ViewModels into its Composables. Without it, injection fails.
@AndroidEntryPoint
class MainActivity : ComponentActivity()Expose State, Hide Logic
The injected ViewModel exposes UI state and the screen just reads it. Your Composable stays thin while logic lives in one tested place.
val state by vm.uiState.collectAsStateWithLifecycle()No Manual Factories
Before Hilt you wrote a ViewModelProvider.Factory for each ViewModel with arguments. Hilt removes that boilerplate completely. 🎁
Quick Check
Which pair correctly sets up a Hilt-injected ViewModel for a Composable?
Recap: Injected ViewModels
You learned to tag a ViewModel with @HiltViewModel and fetch it via hiltViewModel(), scoped to its owner with zero factory code. ✨
Pertanyaan yang Sering Diajukan
Apakah pelajaran “hiltViewModel & @HiltViewModel” gratis?
Ya — teks lengkap “hiltViewModel & @HiltViewModel” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Jetpack Compose Academy, upgrade ke CoddyKit PRO. Kursus Jetpack Compose Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “hiltViewModel & @HiltViewModel”?
Sisipkan ViewModels ke dalam Composable. Kamu berlatih Jetpack Compose Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Jetpack Compose Academy?
Tidak diperlukan pengalaman sebelumnya. Jetpack Compose Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.
Berapa lama pelajaran “hiltViewModel & @HiltViewModel” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Jetpack Compose Academy ini?
Ya. Setiap pelajaran Jetpack Compose Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Mengapa DI: Kode yang Mudah Diuji dan Tidak Terikat
- Modul, @Provides & @Binds
- hiltViewModel & @HiltViewModel
- Scope & Masa Hidup Komponen