AndroidView 在 Jetpack Compose 的 Box 中始终位于顶部

Question

This is my code

        setContent {
            Box(modifier = Modifier.fillMaxSize()){
                AndroidView(factory = { unityView }) //this view is UnityPlayer
                //other view
                Button() // this Button is below AndroidView
            }
        }

The AndroidView is always on top

Answer 1

You have to add a row or column modifier before using the Box

@Composable
fun AlignInColomn() {
    Column(
        modifier = Modifier
            .size(150.dp)
            
        horizontalArrangement = Arrangement.End,
        verticalAlignment = Alignment.CenterVertically
    ) {
        Box(modifier = Modifier.fillMaxSize()){
                AndroidView(factory = { unityView })       
            }
        //other view
        Button() 
    }
}

Answer 2

You can also create by using these line of codes:

Box(modifier = Modifier.fillMaxSize()){
  Box(modifier = Modifier.fillMaxSize()){
    AndroidView(factory = { unityView })
  }

  Box(modifier = Modifier.fillMaxSize().align(Alignment.BottomCenter)){
    // Place all other view here...
    Button() // Now Button is above the AndroidView
  }

}