SwiftUI ベースに MVVM のパターンを考えたとき。
Apple と Orange の子 View があるとして、こういう感じで認識していましたけども MVVM。
1つの View に対して、1つの ViewModel でライフサイクルは同期している。
その View の子の View に対しては親の ViewModel を渡したり、差し込んでいく。
著名な公開されているコードを見てると、こういう形が多いように見えるし、そのほうが書きやすいように思える。
世の中そんな流れですかね。
どうなんですかね。
ModelContext てそんな子に向けてのツールですよね。
どこかなんかいい参考記事ないですかね。
まあ、ざっくりの話なんですけども。
kapt から KSP に移行しようとしてハマる。
今回は使わなったが動く。
plugins {
id("org.jetbrains.kotlin.android") version "1.9.0"
id("com.google.devtools.ksp") version "1.9.0-1.0.12"
}
dependencies {
ksp("com.google.dagger:dagger-compiler:2.48") // Dagger compiler
ksp("com.google.dagger:hilt-compiler:2.48") // Hilt compiler
}
// build.gradle.kts (Project)
plugins {
id("com.google.dagger.hilt.android") version "2.44" apply false
}
// build.gradle.kts (Module)
plugins {
kotlin("kapt")
id("com.google.dagger.hilt.android")
}
dependencies {
implementation("com.google.dagger:hilt-android:2.44")
kapt("com.google.dagger:hilt-android-compiler:2.44")
}
kapt {
correctErrorTypes = true
}
👉 Hilt を使用した依存関係の注入 | Android デベロッパー | Android Developers
// build.gradle.kts (Project)
plugins {
id("com.google.devtools.ksp") version "1.8.10-1.0.9" apply false
id("com.google.dagger.hilt.android") version "2.44" apply false
}
// build.gradle.kts (Module)
plugins {
id("com.google.devtools.ksp")
id("com.google.dagger.hilt.android")
}
dependencies {
implementation("com.google.dagger:hilt-android:2.44")
ksp("com.google.dagger:hilt-android-compiler:2.44")
}
👉 kapt から KSP に移行する | Android デベロッパー | Android Developers
👉 Revisions · Hilt + kapt → KSP
Hilt で公式リファレンスを見ながら、kapt → KSP と順番に変化させていけばスムーズに対応できたのに、Dagger KSP ページを見ながら進んだのがハマった原因。
Version Catalog を使っていくことになりそうなので、抜粋しておく。
まずは、簡単にテキストで「読み込み中」を表示するViewを作ります。
JetpackCompose なら簡単に実装できます。
テキストアニメーションで Progress Indicator https://t.co/gEp3CkFunh #kmm #プログラミング pic.twitter.com/yQ9dFtEfaW
— chanzmao (@maochanz) May 9, 2023
こんな無限ループでさえ、Jetpack Compose はメモリーリークを起こしません。きちんと捨ててます。
上の動画内コードから抜粋。
val texts = listOf("○○○", "️●○○", "️●●○", "️●●●", "️●●○", "️●○○")
var dots by remember { mutableStateOf("") }
LaunchedEffect(Unit) {
while (true) {
texts.indices.forEach { index ->
delay(500)
dots = texts[index]
}
}
}
これを LazyColumn の item の表示に使います。
まず、ローディング表示のよくあるパターン。
リクエストの開始時に _loading を true に、レスポンス取得時に false にすることで List<Item> を更新します。
private val _loading = MutableStateFlow(false)
val loading = _listening.asStateFlow()
val items: Flow<List<Item>> = _loading.flatMapLatest { loading ->
repository.items
}
これを少し変更します。
List<Item> は、レスポンスが帰ってくるまで変化がないですが、この間にダミーの「読み込み中を表す Item」を最後に追加しておきます。
もちろん読み込みが終われば元に戻す。
val items: Flow<List<Item>> = _loading.flatMapLatest { loading ->
repository.items.map { list ->
list.toMutableList().apply {
if (loading) add(dummyLoadingItem)
}.toList()
}
}
あとは、各メッセージを表示する Composable で Item を確認して表示を切り替えれば良いです。
