Compose是否存在类似Android View系统的基础空视图组件？

在Jetpack Compose里，没有直接和Android View系统中View类完全对应的组件，但有几个可以实现相同效果的替代方案，满足布局定位、设置背景的需求：

• Box组件：这是最常用的基础容器/占位组件，和View的核心作用一致。你可以通过Modifier给它设置宽高、背景、布局对齐方式、边距等属性，既可以作为空占位视图，也可以包裹子组件。示例代码：

  Box(
      modifier = Modifier
          .size(120.dp, 80.dp) // 设置宽高
          .background(Color.LightGray) // 设置背景色
          .padding(10.dp) // 内边距
          .align(Alignment.TopEnd) // 在父布局中的对齐方式
  ) {
      // 这里可以添加子Composable，空着就是纯占位视图
  }
  

• Spacer组件：如果只需要一个无内容的空白占位元素，Spacer是更贴合场景的选择。它专门用于在布局中占据指定空间，同样支持通过Modifier设置背景、尺寸等。示例代码：

  Spacer(
      modifier = Modifier
          .width(60.dp)
          .height(40.dp)
          .background(Color.DarkGray)
  )
  

• 自定义基础组件：如果习惯了View的使用方式，你也可以自己封装一个极简的基础组件，使用起来更顺手：

  @Composable
  fun BaseView(modifier: Modifier = Modifier) {
      Box(modifier = modifier)
  }
  // 使用时直接调用
  BaseView(
      modifier = Modifier
          .size(100.dp)
          .background(Color.Blue)
  )
  

内容的提问来源于stack exchange，提问作者Manishoaham