Set keyboardType for email&phone input fields

Author: AdamGrzybkowski

homeUi/src/main/kotlin/com/gravatar/app/homeUi/presentation/home/share/components/ShareEditableField.kt

@@ -9,6 +9,7 @@ import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.text.BasicTextField
+import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Switch
 import androidx.compose.material3.Text
@@ -17,6 +18,7 @@ import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.SolidColor
 import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.input.KeyboardType
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.gravatar.app.homeUi.R
@@ -28,6 +30,7 @@ internal fun ShareEditableField(
     onValueChange: (String) -> Unit,
     switchChecked: Boolean,
     onSwitchCheckedChange: (Boolean) -> Unit,
+    keyboardType: KeyboardType = KeyboardType.Unspecified,
     modifier: Modifier = Modifier
 ) {
     Row(
@@ -42,6 +45,9 @@ internal fun ShareEditableField(
             singleLine = true,
             cursorBrush = SolidColor(MaterialTheme.colorScheme.primary),
             modifier = Modifier.weight(1f),
+            keyboardOptions = KeyboardOptions(
+                keyboardType = keyboardType,
+            ),
             decorationBox = { innerTextField ->
                 Box(
                     modifier = Modifier

homeUi/src/main/kotlin/com/gravatar/app/homeUi/presentation/home/share/components/SharePrivateContactInfo.kt

@@ -5,6 +5,7 @@ import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.text.input.KeyboardType
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
 import com.gravatar.app.homeUi.R
@@ -31,13 +32,15 @@ internal fun SharePrivateContactInfo(
             value = privateContactInfo.emailValue,
             onValueChange = onEmailValueChange,
             switchChecked = privateContactInfo.isEmailShared,
+            keyboardType = KeyboardType.Email,
             onSwitchCheckedChange = onEmailSwitchCheckedChange,
         )
         ShareEditableField(
             placeholder = R.string.share_tab_private_contact_phone_number_placeholder,
             value = privateContactInfo.phoneValue,
             onValueChange = onPhoneValueChange,
             switchChecked = privateContactInfo.isPhoneShared,
+            keyboardType = KeyboardType.Phone,
             onSwitchCheckedChange = onPhoneSwitchCheckedChange,
         )
     }