基于compose组件用LazyVerticalGrid实现3×3的网格数据显示的几种方法

方法一:

class ImageShow(){
   @Composable
   fun UI(){
      LazyVerticalGrid(GridCells.Field(3)){
         items(9, itemContent = {
            UserImage(user = users[it])
         })
      }
   }
   @Composable
   fun userImage(){
      Image(
         painter = painterRecource(user, ImageId),
         contentDescription = null
      )
   }
   @Composable
   @Preview
   fun Preview(){
      TaskTheme{
         surface{
           UI()
         }
      }
   }
}

方法二：

class ImageShow(){
   @Composable
   fun UI(){
      LazyVerticalGrid(GriedCells.Fixed(3)){
         users.forEachIndexed{ index, user ->
            if(index in 0..9){
               item {
                  userImage(user = user)
               }
            }
            
         
         }
      }
   }
   
   fun userImage(user:User){
      Image(){
         painter = painterRecource(user.ImageId)
         contentDiscription = null
      }
   }
   
   fun Preview(){
      TaskTheme{
         surface{
           UI()
         }
      }
   }
}