To apply the align modifier you can scope your composable with the required scope.
You can use:

@Composable fun ColumnScope.Devices( isEmpty: Boolean, ) { AnimatedVisibility( isEmpty, modifier = Modifier.fillMaxWidth().align(Alignment.Start) ) { Text("xxx") } } 

To apply the align modifier you can scope your composable with the required scope.
You can use:

@Composable fun ColumnScope.Devices( isEmpty: Boolean, ) { AnimatedVisibility( isEmpty, modifier = Modifier.fillMaxWidth().align(Alignment.Start) ) { Text("xxx") } } 

Otherwise you can use:

@Composable fun Devices( modifier: Modifier, isEmpty: Boolean, ) { AnimatedVisibility( isEmpty, modifier = modifier ) { Text("xxx") } } 

and then

item(){ Column() { Devices( modifier = Modifier.fillMaxWidth().align(Alignment.Start), isEmpty = true) } } 

You can use different layouts in the item block.
Something like:

 LazyColumn(  verticalArrangement = Arrangement.Top,   horizontalAlignment = Alignment.CenterHorizontally  ){  item(){   Row(   Modifier.fillMaxWidth(),   horizontalArrangement = Arrangement.Start ){  Text("Start") } } item(){ Row( Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.Center   ){   Text("Center")   }  } } 

To apply the align modifier you can scope your composable with the required scope.
You can use:

@Composable fun ColumnScope.Devices( isEmpty: Boolean, ) { AnimatedVisibility( isEmpty, modifier = Modifier.fillMaxWidth().align(Alignment.Start) ) { Text("xxx") } }