我有一个应用程序,显示封装在其中的几个不同视图AndroidView
。在下面重现的简单示例中,这些只是TextView
实例。问题是更改文本(在本例中循环显示三个不同的值)似乎不会更新应用程序显示的内容。
sealed class AppView
data class ShowSomeText(val text: String) : AppView()
data class SomeOtherState(val data: Any?) : AppView()
data class ShowSomeText2(val text: String) : AppView()
class AppViewModel : ViewModel() {
var currentView = MutableLiveData<AppView>(ShowSomeText("original text"))
var currentViewWorkaround = MutableLiveData<AppView>(ShowSomeText("original text"))
private val textRing = arrayOf("one", "two", "three")
private var textRingPosition = 0
fun incrementTextState() {
val nextState = ShowSomeText(textRing[textRingPosition])
currentView.postValue(nextState)
val nextStateWorkaround = when(currentViewWorkaround.value) {
is ShowSomeText -> ShowSomeText2(textRing[textRingPosition])
else -> ShowSomeText(textRing[textRingPosition])
}
currentViewWorkaround.postValue(nextStateWorkaround)
textRingPosition = (textRingPosition + 1) % textRing.size
}
}
class MainActivity : AppCompatActivity() {
private val viewModel = AppViewModel()
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContent {
ViewContainer(viewModel)
}
}
}
@Composable
fun ViewContainer(viewModel: AppViewModel) {
// Add this to gradle.build for the observeAsState function:
// implementation "androidx.compose.runtime:runtime-livedata:$compose_version"
val currentView: AppView by viewModel.currentView.observeAsState(ShowSomeText("starting text"))
val currentViewWorkaround: AppView by viewModel.currentViewWorkaround.observeAsState(ShowSomeText("starting text"))
Column {
Button(onClick = viewModel::incrementTextState) {
Text(
text = "tap to change",
style = TextStyle(fontSize = 12.em)
)
}
Text("Compose Text")
when (currentView) {
is ShowSomeText -> createComposeTextView((currentView as ShowSomeText).text)
is SomeOtherState -> Text("the other state")
}
Text("AndroidView wrapping TextView")
when (currentView) {
is ShowSomeText -> createAndroidViewForTextView((currentView as ShowSomeText).text)
is SomeOtherState -> Text("the other state")
}
Text("AndroidView wrapping TextView with 2-state workaround")
when (currentViewWorkaround) {
is ShowSomeText -> createAndroidViewForTextView((currentViewWorkaround as ShowSomeText).text)
is ShowSomeText2 -> createAndroidViewForTextView((currentViewWorkaround as ShowSomeText2).text)
is SomeOtherState -> Text("the other state")
}
}
}
@Composable
fun createAndroidViewForTextView(text: String) {
val context = ContextAmbient.current
val tv = remember(text, context) {
val x = TextView(context)
x.text = text
x.textSize = 48.0f
x
}
AndroidView({ tv })
}
@Composable
fun createComposeTextView(text: String) {
Text(text, style = TextStyle(fontSize = 12.em))
}
第一个文本通过 Compose Text 函数显示并有效,第二个文本带有包含 AndroidView Compose 函数的 TextView,但不起作用,第三个文本也使用相同的 AndroidView 包装器,但通过使用另一个状态变量以某种方式触发更改。
为什么中间的文字不更新?
通过黑客修复复制 kt 文件的完整要点:https://gist.github.com/okhobb/ba7791af4562ea672d0c52769a7cd8ba https://gist.github.com/okhobb/ba7791af4562ea672d0c52769a7cd8ba
===========
更新:基于已接受答案的工作代码:
@Composable
fun TraditionalViewAsComposable(text: String){
var updatableString by remember{mutableStateOf("")}
updatableString = text
AndroidView(
factory={ TextView(it).apply {
this.text = text
this.textSize = 48.0f
} },
update={ it.text = updatableString }
)
}
默认情况下,AndroidView() 可组合项不会在状态更改时重新组合。您必须通过显式定义更新参数来“选择”监听状态。
所以语法会是这样的:
@Composable
fun TraditionalViewAsComposable(initialString:String){
var updatableString by remember{mutableStateOf("")}
AndroidView(factory={it:Context->
TraditionalView(it).apply{this:TraditionalView->
this.property=initialString
},
update={it:TraditionalView->
it.property=updatableString
},
modifier=Modifier
)
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)