Jetpack compose模式抽屉打开手势

@Composable
fun DrawerScreen() {
    val drawerState = rememberSwipeableState(initialValue = DrawerValue.Closed)

    Box(
        Modifier
            .swipeable(
                state = drawerState,
                anchors = mapOf(
                    0f to DrawerValue.Closed,
                    -300f to DrawerValue.Open
                ),
                thresholds = { _, _ -> FractionalThreshold(0.5f) },
                orientation = Orientation.Horizontal
            )
            .background(Color.White)
    ) {
        // Drawer content
        Column(Modifier.fillMaxSize()) {
            // Drawer header
            Text(
                text = "Drawer Header",
                modifier = Modifier.padding(16.dp)
            )
            // Drawer items
            Text(
                text = "Item 1",
                modifier = Modifier.padding(16.dp)
            )
            Text(
                text = "Item 2",
                modifier = Modifier.padding(16.dp)
            )
        }

        // Main content
        Column(Modifier.fillMaxSize()) {
            // Toolbar
            TopAppBar(
                title = { Text(text = "Jetpack Compose") },
                navigationIcon = {
                    IconButton(onClick = {
                        // Open/close the drawer
                        drawerState.animateTo(
                            if (drawerState.currentValue == DrawerValue.Closed) DrawerValue.Open else DrawerValue.Closed
                        )
                    }) {
                        Icon(Icons.Default.Menu, contentDescription = "Menu")
                    }
                }
            )
            // Content
            Text(
                text = "Main Content",
                modifier = Modifier.padding(16.dp)
            )
        }
    }
}

enum class DrawerValue {
    Open, Closed
}