Edit Input text with compose library

we have TextInputEditText and EditText for text input in android with compose we have new class that we need to use you can style them with different properties

val state = remember { mutableStateOf(TextFieldValue("Text")) }
Column(modifier = androidx.compose.ui.Modifier.padding(16.dp)) {
modifier = androidx.compose.ui.Modifier.fillMaxWidth(),
value = state.value,
onValueChange = {
state.value = it
errorColor = Color.Red,
isErrorValue = false,
textStyle = TextStyle(
color = Color.Blue,
fontSize = TextUnit.Companion.Sp(26),
fontFamily = FontFamily.Monospace
inactiveColor = Color.Transparent,
activeColor = Color.Transparent,

fillMaxWidth to fit to screen size inside column 
inactive color and active color above are transparent to hide default bottom border setting active and inactive color will change the border color when textfield is active and inactive

setting onValueChange is something important needed for edittext text.


Popular posts from this blog

Using TabLayout and ViewPager with CollapsingToolbarLayout

Styling TextInput Layout with material design library

styling android TabLayout material design