matchParentSize

BoxScope

matchParentWidth

matchParentHeight

I'm using OutlinedTextField as follows but not sure why it crashes the app

@Composable
fun OutlinedTextFields() {
    val text = remember { mutableStateOf(TextFieldValue("Text")) }
    OutlinedTextField(
        modifier = Modifier.fillMaxWidth(),
        value = text.value,
        onValueChange = { text.value = it },
        label = { Text("Label") }
    )
}

viewBlock

updateBlock

viewBlock

viewBlock

val navController = rememberNavController()
NavHost(navController = navController, startDestination = FacrScreen.OnboardingAddFavoriteTeam.route) {
    composable(FacrScreen.OnboardingAddFavoriteTeam.route) {
        OnboardingAddFavoriteTeamScreen(facrViewModel = facrViewModel)
    }
}

@HiltViewModel
class OnboardingViewModel @Inject constructor(
        clubsRepository: ClubsRepository
) : ViewModel() {

    val state = MutableStateFlow(OnboardingState())

    init {
        viewModelScope.launch {
            clubsRepository.fetchAllClubs(ClubsPagingKey())
                    .cachedIn(viewModelScope).map {
                        OnboardingState(clubs = flowOf(it))
                    }.collect { state.value = it }
        }
    }

}

@Composable
fun OnboardingAddFavoriteTeamScreen() {
    val onboardingViewModel: OnboardingViewModel = viewModel()
}

TextDecoration

LineThrough

Underline

None

content()

content

@Composable
fun MyCustomContainer(header: String = "", content: @Composable () -> Unit) {
    Column() {
        if (header.isNotBlank()) {
            Text(text = header)
        }
        content()
    }
}

androidx.compose.ui:ui-test:1.0.0-alpha10

abstract class ComposeAbstractTest {
    @Composable
    abstract fun createView()
}

class ComposeTest: ComposeAbstractTest {
    @Composable
    fun createView() {
        Column { }
    }
}

onDismissRequest will be called when the menu should close - for example when there is a tap outside the menu, or when the back key is pressed

darkTheme

Text("تزامن...")

AmbientLayoutDirection

Ltr

Rtl

Providers(AmbientLayoutDirection provides LayoutDirection.Ltr) {  
 Text("LTR")  
 Text("تزامن...")  
 Text("مزيد من المعلومات.")  
}  
Providers(AmbientLayoutDirection provides LayoutDirection.Rtl) {  
 Text("RTL")  
 Text("تزامن...")  
 Text("مزيد من المعلومات.")  
}

val modifier = Modifier
        .preferredWidth(292.dp)
        .preferredHeight(87.dp)
        .clickable(onClick = { selectedItem.value = item })
    if (item == selectedItem.value){
        Timber.i("on item selected ")
        modifier.background(brush = lightHighLightGradient)
    }
    Text(
        modifier = modifier,
        // .padding(start = 35.dp),
        text = stringResource(id = item),
        fontSize = 32.sp,
        textAlign = TextAlign.Center
    )

TextField

DropdownMenu