How to fill Box with View?

user_10191400 0
Viewed 168

I'm migrating from standard Android to Jetpack Compose but I'm having a problem. I don't know how to "convert" the following implementation:

Standard Android:

  1. I call a function and receive a View.
  2. I use the FrameLayout addView() method call to fill my FrameLayout with the received view.

How can I do it in composing?

In composing using a FrameLayout means to use a Box but I don't know how I can fill it with my received view.

Could anyone suggest to me the correct way?

here the code:

@Composable
fun MyCard(testActivity: Activity? = null) {
    AdvertView(testActivity) { view ->
        Box(modifier = Modifier.fillMaxSize()) {
            AndroidView(factory = { view })
        }
    }
}

following where it's displayed the error: enter image description here

android-jetpack-compose kotlin android
2 Answers

You can do something like:

Box(
    modifier = Modifier.fillMaxSize()
)
user_9877530

Just use a List<View> and loop over it. Adding elements into the list will trigger recomposition.

@Composable
fun MyOldFrameLayout(modifier: Modifier = Modifier, dynamicViews: List<View>) {
  Box(modifier.fillMaxSize()) {
    dynamicViews.forEach { view -> AndroidView(factory= { view }) }
  }
}

Based on what you provided on your screenshot

I suggest you refactor your screenshot into:

@Composable fun MyCard(onClick: () -> Unit) {
  Box(modifier.fillMaxSize()) {
    AndroidView(factory= { context -> AdvertView(context) { onClick() }  })
  }
}
user_92487180
Related