Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
@Preview
@Composable
fun TermsOfUseScreenNotCompletedPreview() {
val checkedState = remember {
mutableStateOf(false)
}
MaterialTheme {
Scaffold(
topBar = {
TopAppBar(
title = {
Text(text = "利用規約")
},
navigationIcon = {
IconButton(onClick = {}) {
Icon(Icons.Filled.ArrowBack, contentDescription = null)
}
}
)
},
content = {
Column(modifier = Modifier.padding(8.dp)) {
Text(text = "利用規約", fontSize = 32.sp)
Spacer(modifier = Modifier.size(16.dp))
Text(text = "この利用規約は以下...", fontSize = 16.sp)
Spacer(modifier = Modifier.size(16.dp))
Text(text = "第1条", fontSize = 24.sp)
Spacer(modifier = Modifier.size(8.dp))
Text(text = "1. 本規約は...", fontSize = 16.sp)
Spacer(modifier = Modifier.size(8.dp))
Text(text = "第2条", fontSize = 24.sp)
Spacer(modifier = Modifier.size(8.dp))
Text(text = "1. 本サービスは...", fontSize = 16.sp)
Spacer(modifier = Modifier.size(32.dp))
Row(
modifier = Modifier.fillMaxWidth(),
horizontalArrangement = Arrangement.Center,
verticalAlignment = Alignment.CenterVertically
) {
Checkbox(modifier = Modifier.size(32.dp),
checked = checkedState.value,
onCheckedChange = { checkedState.value = it })
Text(text = "同意する", fontSize = 16.sp)
}
Spacer(modifier = Modifier.size(8.dp))
Button(modifier = Modifier.fillMaxWidth(),
enabled = checkedState.value,
onClick = {}) {
Text(text = "次へ進む", fontSize = 16.sp)
}
}
}
)
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment