उपयोगकर्ता के टॉगल के आधार पर, पासवर्ड को छिपाने या दिखाने के लिए एक आइकॉन बनाया जा सकता है. इससे सुरक्षा को बेहतर बनाने और उपयोगकर्ता अनुभव को बेहतर बनाने में मदद मिलती है.
नतीजे
वर्शन के साथ काम करने की सुविधा
इस सुविधा को लागू करने के लिए, आपके प्रोजेक्ट का minSDK, एपीआई लेवल 21 या इससे ज़्यादा पर सेट होना चाहिए.
डिपेंडेंसी
उपयोगकर्ता के टॉगल करने के आधार पर पासवर्ड दिखाना या छिपाना
उपयोगकर्ता के टॉगल के आधार पर पासवर्ड दिखाने या छिपाने के लिए, जानकारी डालने के लिए एक इनपुट फ़ील्ड बनाएं. साथ ही, टॉगल के लिए क्लिक किए जा सकने वाले आइकॉन का इस्तेमाल करें:
@Composable fun PasswordTextField() { val state = remember { TextFieldState() } var showPassword by remember { mutableStateOf(false) } BasicSecureTextField( state = state, textObfuscationMode = if (showPassword) { TextObfuscationMode.Visible } else { TextObfuscationMode.RevealLastTyped }, modifier = Modifier .fillMaxWidth() .padding(6.dp) .border(1.dp, Color.LightGray, RoundedCornerShape(6.dp)) .padding(6.dp), decorator = { innerTextField -> Box(modifier = Modifier.fillMaxWidth()) { Box( modifier = Modifier .align(Alignment.CenterStart) .padding(start = 16.dp, end = 48.dp) ) { innerTextField() } Icon( if (showPassword) { Icons.Filled.Visibility } else { Icons.Filled.VisibilityOff }, contentDescription = "Toggle password visibility", modifier = Modifier .align(Alignment.CenterEnd) .requiredSize(48.dp).padding(16.dp) .clickable { showPassword = !showPassword } ) } } ) }
कोड के बारे में अहम बातें
- यह कुकी,
showPasswordमें पासवर्ड दिखने की स्थिति को बनाए रखती है. - यह पासवर्ड डालने के लिए,
BasicSecureTextFieldकंपोज़ेबल का इस्तेमाल करता है. - इसमें क्लिक किया जा सकने वाला ट्रेलिंग आइकॉन होता है, जो
showPasswordकी वैल्यू को टॉगल करता है. - यह
textObfuscationModeएट्रिब्यूट औरshowPasswordकी स्थिति के हिसाब से, ट्रेलिंग आइकॉन के दिखने/न दिखने की स्थिति तय करता है.
ऐसे कलेक्शन जिनमें यह गाइड शामिल है
यह गाइड, चुनी गई Quick Guide के इन कलेक्शन का हिस्सा है. इनमें Android डेवलपमेंट के ज़्यादातर लक्ष्यों के बारे में बताया गया है:
डिसप्ले टेक्स्ट