[Jetpack Compose] TopAppBar

/* 본 게시물은 ' ' 의 내용을 토대로 작성되었습니다. */

참고 자료

[URL] :

---

실행 결과

HomeScreen

@Composable
fun HomeScreen(homeScreen: BottomNavType) {
    val context = LocalContext.current
    Scaffold(
        modifier = Modifier.testTag(TestTags.HOME_SCREEN_ROOT),
        topBar = {
            TopAppBar(
                title = { Text(text = "MainActivity") },
                elevation = 18.dp,
                //왼쪽 Naviagation Icon
                navigationIcon = {
                  IconButton(
                      onClick = {
                        Toast.makeText(context, "Back Button Clicked", Toast.LENGTH_LONG).show()
                    }
                  ) {
                      // Material.Icons.ArrowBack : ImageVector 로 받음
                      Icon(Icons.Filled.ArrowBack, contentDescription = null)
                  }
                },
                // actions -> icon 버튼 추가
                actions = {
                    //IconButton 이다.
                    IconButton(
                        onClick = {
                            Toast.makeText(context, "Search Button Clicked", Toast.LENGTH_LONG).show()
                        }
                    ) {
                        Icon(
                            Icons.Filled.Search,
                            contentDescription = null
                        )
                    }
                }

            )
        },
        content = {
            HomeScreenContent(homeScreen)
        }
    )
}

• TopAppBar.naviagationIcon : 왼쪽에 Icon을 생성한다. 
• Icons : compose.material.icons.Icons에서 기본으로 제공하는 아이콘이다. 벡터 이미지로 불러온다.
• LocalContext.current : 현재 Context를 가져온다.