· Android Jetpack Compose AndroidDevChallenge

Jetpack Compose Dev Challenge Week3で学んだことまとめ

  • このエントリーをはてなブックマークに追加

jetpack compose

全体にかかわること(テーマなど)

背景を入れるには

Surface(color = MaterialTheme.colors.primary) 

が大事

Welcome画面

Login画面

Textの途中でリンクを入れる

https://stackoverflow.com/questions/65567412/jetpack-compose-text-hyperlink-some-section-of-the-text

EditTextの枠線の色を変更するには

outlinedTextFieldColorsの部分

 OutlinedTextField(
    modifier = Modifier
        .height(56.dp)
        .fillMaxWidth(),
    value = "", onValueChange = { /*TODO*/ },
    placeholder = {
        Text(
            text = "Password (8+ characters)",
            style = DevChallengeTheme.typography.body1,
            color = DevChallengeTheme.colors.textBody1,
        )
    },
    colors = outlinedTextFieldColors(
        cursorColor = DevChallengeTheme.colors.textBody1,
        focusedBorderColor = DevChallengeTheme.colors.textBody1.copy(alpha = ContentAlpha.high),
        unfocusedBorderColor = DevChallengeTheme.colors.textBody1,
    ),
    singleLine = true,
)

ここが参考になりそう。 https://github.com/android/compose-samples/blob/main/Jetsnack/app/src/main/java/com/example/jetsnack/ui/home/search/Search.kt

ホーム画面

###BottomNavigation

https://developer.android.com/jetpack/compose/navigation#bottom-nav https://proandroiddev.com/implement-bottom-bar-navigation-in-jetpack-compose-b530b1cd9ee2

CheckBox

Checkbox(
    checked = checkedState, onCheckedChange = { checkedState = it },
    modifier = Modifier.align(Alignment.CenterVertically),
    colors = CheckboxDefaults.colors(
        uncheckedColor = DevChallengeTheme.colors.secondary,
        checkedColor = DevChallengeTheme.colors.secondary,
        checkmarkColor = DevChallengeTheme.colors.onSecondary,
    )
)

### アイテム要素でいちぶだけ右側に配置

Row(
    horizontalArrangement = Arrangement.SpaceBetween
)
  • このエントリーをはてなブックマークに追加
  • LinkedIn
  • Tumblr
  • Reddit
  • Google+
  • Pinterest
  • Pocket