kotlin 学习笔记 UI 2

ModalNavigationDrawer

drawerContent: @Composable () -> Unit 显示的抽屉
{} 显示的主体内容

Surface

一个简单的容器

Icon

图标 painter: Painter 显示内容
contentDescription: String? 无障碍提示 tint: Color = LocalContentColor.current 染色，使用 tint = Color.Unspecified 不染色

Painter

简单实现是 painterResource(R.drawable.ic_launcher_background)

stringResource

stringResource(R.string.app_name) 返回值是 String

Image

显示图片 painter: Painter

ModalNavigationDrawer

抽屉
drawerContent: @Composable () -> Unit 抽屉 UI
content: @Composable () -> Unit 主体 UI
drawerState: DrawerState = rememberDrawerState(DrawerValue.Closed) 状态，用于外部控制
常见用法

Button(onClick = {
                scope.launch { drawerState.open() }
            }) {Text("Open") }

ModalDrawerSheet

自带的抽屉 UI

NavigationDrawerItem

自带的抽屉 Item UI label: @Composable () -> Unit
selected: Boolean
onClick: () -> Unit
modifier = Modifier
推荐

modifier = Modifier.padding(NavigationDrawerItemDefaults.ItemPadding)