[Android Studio] TextField의 입력한 값을 받는 Kotlin 코드 작성

Jean·2023년 8월 3일
2

설명 : TextField에 name을 입력하고 "등록" Button을 눌렀을 때, TextField에 입력한 name을 보여주는 안드로이드 스튜디오 코틀린 코드

활용 : jetpack compse : Button, remember, TextField

주목 해야할 부분 : name과 savedname의 변수 선언 부분, onClick 부분

@OptIn(ExperimentalMaterial3Api::class)
class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            PersonalInfoTheme {
                // A surface container using the 'background' color from the theme
                Surface(
                    modifier = Modifier.fillMaxSize(),
                    color = MaterialTheme.colorScheme.background
                ) {
                    var name by remember { mutableStateOf("") }
                    var savedname by remember { mutableStateOf("") }
                    Column() {
                        TextField(value = name, onValueChange = { value -> name = value },
                            label = { Text(text = "enter your name") },
                            placeholder = { Text(text = "") })
                        Button(onClick = { savedname = name })
                        {
                            Text(text = "등록")
                        }
                        Text(text = "이름 : $savedname")
                    }

                }
            }
        }
    }
}
profile
아 왜 안돼

1개의 댓글

comment-user-thumbnail
2023년 8월 3일

많은 도움이 되었습니다, 감사합니다.

답글 달기