Instagram home screen example - compose

HomeScreen.kt

@Composable
fun HomeScreen(modifier: Modifier = Modifier) {
  val scrollState = rememberScrollState()
  val context = LocalContext.current

  Surface(modifier = modifier.fillMaxWidth()) {
    LazyColumn(modifier = Modifier.verticalScroll(scrollState)) {
      
      // LazyRow still able to be use, since it has different orientation with parent LazyColumn
      item {
        LazyRow(modifier = modifier.fillMaxWidth()) {
          items(getStories()) { story ->
            StoryThumbnail(story = story)
          }
        }
      }
      
      items(getPosts()) { post ->
        PostCard(
            post = post,
            postCardListener = getPostCardListener(context),
            modifier = Modifier.padding(vertical = 8.dp))
      }
    }
  }
}