ব্যবহারকারীর প্রকার হিসাবে ইনপুট যাচাই করুন

আপনি একটি পাঠ্য ক্ষেত্রে ব্যবহারকারীর প্রকার হিসাবে ইনপুট যাচাই করতে পারেন, যেমন একটি নাম, ইমেল, ঠিকানা, বা অন্যান্য যোগাযোগের তথ্য প্রবেশ করান৷ এই বৈধতা ত্রুটি হ্রাস করে এবং আপনার ব্যবহারকারীদের সময় বাঁচায়।

সংস্করণ সামঞ্জস্য

এই বাস্তবায়নের জন্য আপনার প্রজেক্ট minSDK এপিআই লেভেল 21 বা তার উপরে সেট করা প্রয়োজন।

নির্ভরতা

ব্যবহারকারীর প্রকার হিসাবে ইনপুট যাচাই করুন

ফিল্ড ইনপুট প্রদর্শন করতে এবং ব্যবহারকারী টাইপ করার সময় পাঠ্য যাচাই করতে নিম্নলিখিত কোডটি ব্যবহার করুন। তথ্য যাচাই করা না হলে, একটি ত্রুটি বার্তা ব্যবহারকারীকে ইনপুট সংশোধন করতে সাহায্য করে।

class EmailViewModel : ViewModel() {
    var email by mutableStateOf("")
        private set

    val emailHasErrors by derivedStateOf {
        if (email.isNotEmpty()) {
            // Email is considered erroneous until it completely matches EMAIL_ADDRESS.
            !android.util.Patterns.EMAIL_ADDRESS.matcher(email).matches()
        } else {
            false
        }
    }

    fun updateEmail(input: String) {
        email = input
    }
}

@Composable
fun ValidatingInputTextField(
    email: String,
    updateState: (String) -> Unit,
    validatorHasErrors: Boolean
) {
    OutlinedTextField(
        modifier = Modifier
            .fillMaxWidth()
            .padding(10.dp),
        value = email,
        onValueChange = updateState,
        label = { Text("Email") },
        isError = validatorHasErrors,
        supportingText = {
            if (validatorHasErrors) {
                Text("Incorrect email format.")
            }
        }
    )
}

@Preview
@Composable
fun ValidateInput() {
    val emailViewModel: EmailViewModel = viewModel<EmailViewModel>()
    ValidatingInputTextField(
        email = emailViewModel.email,
        updateState = { input -> emailViewModel.updateEmail(input) },
        validatorHasErrors = emailViewModel.emailHasErrors
    )
}

কোড সম্পর্কে মূল পয়েন্ট

  • একটি কম্পোজেবল সংজ্ঞায়িত করে যা OutlinedTextField কম্পোনেন্টকে পুনরায় ব্যবহার করে, ব্যবহারকারীর ধরন হিসাবে যাচাইকারী ত্রুটি বার্তাগুলি প্রদর্শন করতে প্রয়োজনীয় পরামিতি যোগ করে।
  • EmailViewModel স্থিতি বজায় রাখতে এবং ইমেল বৈধতা যুক্তি প্রদান করতে ব্যবহৃত হয়।
  • যদি isError সত্য হয়, UI একটি বৈধতা ত্রুটি অবস্থার একটি ভিজ্যুয়াল সূচক প্রদান করে।
  • উপাদানটি "ভুল ইমেল বিন্যাস" প্রদর্শন করবে। একটি সম্পূর্ণ, সঠিক ইমেল ইনপুট না হওয়া পর্যন্ত।

ফলাফল

একটি বৈধ পাঠ্য ইনপুট
চিত্র 1. একটি বৈধ ইমেল ঠিকানার জন্য কোনো ত্রুটি বার্তা প্রদর্শন করে ইমেল যাচাইকারী সহ একটি পাঠ্য ইনপুট ক্ষেত্র৷
ত্রুটি সহ একটি অবৈধ পাঠ্য ইনপুট৷
চিত্র 2. একটি টেক্সট ইনপুট ক্ষেত্র যা একটি ভুল বার্তা প্রদর্শন করে যখন একটি অবৈধ ইমেল ঠিকানা প্রবেশ করানো হয়।

এই নির্দেশিকা ধারণকারী সংগ্রহ

এই নির্দেশিকাটি এই কিউরেট করা কুইক গাইড সংগ্রহের অংশ যা বৃহত্তর অ্যান্ড্রয়েড উন্নয়ন লক্ষ্যগুলি কভার করে:

টেক্সট হল যেকোনো UI এর কেন্দ্রীয় অংশ। একটি আনন্দদায়ক ব্যবহারকারীর অভিজ্ঞতা প্রদানের জন্য আপনি আপনার অ্যাপে পাঠ্য উপস্থাপন করতে পারেন এমন বিভিন্ন উপায় খুঁজুন।
টেক্সট এন্ট্রি করে এবং ইনপুটের অন্যান্য উপায় ব্যবহার করে ব্যবহারকারীদের আপনার অ্যাপের সাথে ইন্টারঅ্যাক্ট করার উপায়গুলি কীভাবে বাস্তবায়ন করবেন তা শিখুন।

প্রশ্ন বা প্রতিক্রিয়া আছে

আমাদের প্রায়শই জিজ্ঞাসিত প্রশ্ন পৃষ্ঠায় যান এবং দ্রুত গাইড সম্পর্কে জানুন বা যোগাযোগ করুন এবং আপনার চিন্তাভাবনা আমাদের জানান।