So legen Sie den inputType für ein TextField in Jetpack Compose fest

Ich möchte einschränken, was der Benutzer in Jetpack Compose in ein TextField eingeben kann. Wie mache ich das?

Das Äquivalent in xml ist inputType:

<EditText
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:inputType="number"
    android:hint="Only numbers please!" />

Verwenden Tastaturoptionen:

TextField(
    keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Number)

Ty gefällt das Tastaturoptionen

var textShopName by remember { mutableStateOf("") } 

OutlinedTextField(
            keyboardOptions = KeyboardOptions(
                capitalization = KeyboardCapitalization.None,
                autoCorrect = true,
                keyboardType = KeyboardType.Number,
                imeAction = ImeAction.Next
            ),
            value = textShopName,
            onValueChange = { textShopName = it },
            label = { Text("Shop Name") },
            modifier = Modifier
                .padding(start = 16.dp, end = 16.dp, top = 20.dp)
                .fillMaxWidth(),

            )

Sie können etwas verwenden wie:

TextField(
        ....,
        keyboardOptions = 
             KeyboardOptions.Default.copy(keyboardType = KeyboardType.Number)
        )

Für Passwort Tastaturtyp zum Ausblenden des Passworts müssen Sie einstellen visualTransformation zu

TextField(
 keyboardOptions = KeyboardOptions(keyboardType = KeyboardType.Password),
 visualTransformation =  PasswordVisualTransformation(),
                

Nur um die obigen Antworten zu ergänzen, wenn Sie zeigen möchten numerische Tastatur für Dezimalzahlen Denk daran, dass:

Die meisten Tastaturen zeigen ein Dezimaltrennzeichen an, wenn der Tastaturtyp auf Zahl eingestellt ist. Jedochist es möglich, dass eine Tastatur erwartet TYPE_NUMBER_FLAG_DECIMAL Flag in inputType, um tatsächlich einen Schlüssel für das Dezimaltrennzeichen anzuzeigen.

Wenn Sie also eine numerische Tastatur für Dezimalzahlen anzeigen möchten, um Eckfälle in bestimmten Tastaturen zu vermeiden, sollten Sie diese verwenden keyboardType = KeyboardType.Decimal:

TextField(
        ...,
        keyboardOptions = 
             KeyboardOptions(keyboardType = KeyboardType.Decimal)
        ...,    
        )