fvilarino

@Composable
fun MorphingFab(modifier: Modifier = Modifier) {
    val users = remember { mutableStateListOf<User>() }
    // 1
    var showDialog by remember { mutableStateOf(false) }
    // 2
    SharedTransitionLayout(
        modifier = Modifier
            .fillMaxSize(),
    ) {

fvilarino

@Composable
fun MorphingFab(modifier: Modifier = Modifier) {
    val users = remember { mutableStateListOf<User>() }

    Box(modifier = modifier) {
        UserList(
            users = users,
            modifier = Modifier.fillMaxSize(),
        )
        InputBox(

fvilarino

// 1
@Composable
fun InputBox(
    onAddUser: (User) -> Unit,
    onCancel: () -> Unit,
    modifier: Modifier = Modifier,
) {
    // 2
    Card(
        modifier = modifier,

fvilarino

data class User(
    val name: String,
    val email: String,
)

@OptIn(ExperimentalSharedTransitionApi::class)
@Composable
fun MorphingFab(modifier: Modifier = Modifier) {
    val users = remember { mutableStateListOf<User>() }
    var showDialog by remember { mutableStateOf(false) }

fvilarino

FloatingActionButton(
    modifier = Modifier
        .align(Alignment.BottomEnd)
        .padding(all = 16.dp),
    onClick = {
        // TODO
    }
) {
    Icon(
        imageVector = Icons.Default.Add,

fvilarino

// 1
data class User(
    val name: String,
    val email: String,
)

// 2
@Composable
fun UserList(
    users: List<User>,

fvilarino

                LoremIpsum(
                    modifier = Modifier
                        .fillMaxWidth()
                        .sharedElement(
                            rememberSharedContentState(
                                key = "text-$url"
                            ),
                            animatedVisibilityScope,
                        )
                        .skipToLookaheadSize(),

fvilarino

@Composable
fun SharedTransitionScope.ListScreen(
    animatedVisibilityScope: AnimatedVisibilityScope,
    onItemClick: (String) -> Unit,
    modifier: Modifier = Modifier
) {
    LazyColumn(
        modifier = modifier,
        verticalArrangement = Arrangement.spacedBy(8.dp),
        contentPadding = PaddingValues(all = 16.dp),

fvilarino

@Composable
// 1
fun SharedTransitionScope.ListScreen(
    // 2
    animatedVisibilityScope: AnimatedVisibilityScope,
    onItemClick: (String) -> Unit,
    modifier: Modifier = Modifier
) {
    LazyColumn(
        modifier = modifier,

fvilarino

@Composable
fun ListScreen(
    onItemClick: (String) -> Unit,
    modifier: Modifier = Modifier
) {
    LazyColumn(
        modifier = modifier,
        verticalArrangement = Arrangement.spacedBy(8.dp),
        contentPadding = PaddingValues(all = 16.dp),
    ) {