AndroidView 在 Jetpack Compose 的 Box 中始終位於頂部

Question

這是我的代碼

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

AndroidView 總是在頂部

Answer 1

在使用 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

您還可以使用以下代碼行創建：

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
  }

}