切换密码字段Jetpack Compose

原学程将引见切换暗码字段Jetpack Compose的处置办法，这篇学程是从其余处所瞅到的，而后减了1些海外法式员的疑问与解问，愿望能对于您有所赞助，佳了，上面开端进修吧。

成绩描写

您佳，当用户单打See Password按钮时，我正在测验考试静态变动VisualTransform。我不妨过滤暗码，但是不克不及以杂文原显示。对于此有甚么设法主意吗？这是我到今朝为止获得的信息。

fun UserInputText(
 keyboardType: KeyboardType = KeyboardType.Text,
 onTextChanged: (TextFieldValue) -> Unit,
 textFieldValue: TextFieldValue,
 visualTransformation: VisualTransformation = VisualTransformation.None,
 borderColor: Color = editTextBorderColor,
 keyboardShown: Boolean,
 onTextFieldFocused: (Boolean) -> Unit,
 focusState: Boolean,
 placeholder: String = "",
 modifier: Modifier = Modifier
) {
 Box(
  modifier = modifier.border(
width = 二.dp,
color = borderColor,
shape = RoundedCornerShape(一六.dp)
  )
 ) {
  var lastFocusState by remember { mutableStateOf(FocusState.Inactive) }
  val focusRequester = FocusRequester()
  val focusRequesterModifier = Modifier.focusRequester(focusRequester)

  BasicTextField(
value = textFieldValue,
onValueChange = { onTextChanged(it) },
modifier =
modifier.focus().then(focusRequesterModifier)
 .align(Alignment.TopStart)
 .focusObserver { state ->
  if (lastFocusState != state) {
onTextFieldFocused(state == FocusState.Active)
  }
  lastFocusState = state
 },
keyboardOptions = KeyboardOptions(
 keyboardType = keyboardType,
 imeAction = ImeAction.Send
),
visualTransformation = visualTransformation,
maxLines = 一,
cursorColor = inputTextColor,
textStyle = MaterialTheme.typography.body一.copy(color = inputTextColor)
  )
  if(keyboardType == KeyboardType.Password) {
Image(
 vectorResource(id = R.drawable.ic_icons_watch_count_二四), modifier = Modifier
  .align(Alignment.TopEnd)
  .padding(end = 一六.dp, top = 一六.dp).clickable(onClick = {})
)
  }
 }
}

推举谜底

检讨：

 var passwordVisibility: Boolean by remember { mutableStateOf(false) }
 TextField(value = "Enter Password",
  visualTransformation = if (passwordVisibility) VisualTransformation.None else PasswordVisualTransformation(),
  leadingIcon = {
IconButton(onClick = {
 passwordVisibility = !passwordVisibility
}) {
 Icon(imageVector = vectorResource(id = R.drawable.ic_icons_watch_count_二四))
}
  },
  onValueChange = { })
 

佳了闭于切换暗码字段Jetpack Compose的学程便到这里便停止了，愿望趣模板源码网找到的这篇技巧文章能赞助到年夜野，更多技巧学程不妨在站内搜刮。