Kong-droid

[Compose] State, StateHoisting

상태가 전달되는 범위는 최대한 좁혀야한다 -> StateHoisting (상태를 위로 끌어올린다)@Composablefun StateTest() { var downCase by rememberSaveable { mutableStateOf("aa") } var upperCase by rememberSaveable { mutableStateOf("AA") } Column(modifier = Modifier.padding(16.dp)) { OutlinedTextField( value = downCase, onValueChange = { if(it.isBlank()) { downCas..

[Compose] BottomAppBar

원하는 ref들은 content를 사용해 추가해야함을 알 수 있다 보통 scaffold와 함께 사용한다, 자주 사용하는 bottombar의 형식인 5가지 버튼을 공부했던 내용들을 사용해 생성해보자 @SuppressLint("UnusedMaterial3ScaffoldPaddingParameter")@Composablefun WholeTest() { Scaffold( bottomBar = { MyBottomAppBar() } ) { innerPadding -> }}@Composablefun MyBottomAppBar() { BottomAppBar { ConstraintLayout( modifier = Modifier.fillMaxWidth(..

[Compose] Snackbar

SnackbarHost - Snackbar는 직접 쓰지 않고 SnackbarHost를 사용해야한다  -> SnackbarHostState를 사용하여 Snackbar의 상태를 관리 @Composablefun SnackBarTest() { var counter by remember { mutableStateOf(0) } val snackbarHostState = remember { SnackbarHostState() } val coroutineScope = rememberCoroutineScope() Scaffold(snackbarHost = { SnackbarHost(snackbarHostState) },) { padding -> Button(onClick = { ..

[Compose] ConstraintLayout, ConstraintSet

library 추가 필요[libs.version.toml][versions]//...constaraintLayoutVersion = "1.1.0"[libraries]//...androidx-constraint-layout = { group = "androidx.constraintlayout", name = "constraintlayout-compose", version.ref = "constaraintLayoutVersion" }[plugins]//... createRefs()- constraintLayout 안에 있는 여러 UI 요소(예: 버튼, 텍스트 등)를 서로 연결하고 배치할 수 있는 참조를 생성@Stablefun createRefs(): ConstraintLayoutScope.Constraine..