wy313622821的博客

如果是按照以前老版本xml的方式来实现：底部导航栏、顶部toolbar、悬浮按钮floatingActionButtonPosition，代码会比较多而且很难懂，现在我们来看看使用神奇的compose来实现，效果图：是不是很简单，这样就可以了，谢谢观赏

1、代码加入：WindowCompat.setDecorFitsSystemWindows(window, false)二、设置状态栏背景颜色，和字体颜色。

垂直布局Column水平居中： Column( modifier = Modifier.size(300.dp, 200.dp) ) { Text(text = "千里之行,",modifier = Modifier.align(alignment = Alignment.CenterHorizontally)) Text(text = "始于足下",modifier = Modifier.align(alignment = Alignmen

package com.example.jetpackcomposeimport android.os.Bundleimport androidx.activity.ComponentActivityimport androidx.activity.compose.setContentimport androidx.compose.material.*import androidx.compose.runtime.Composableimport androidx.compose....

ConstraintLayout 中的子元素是通过 createRefs() 或 createRef() 方法初始化声明的，并且每个子元素都会关联一个ConstraintLayout 中的 Composable 组件；子元素之间的约束关系是通过 Modifier.constrainAs() 的 Lambda 表达式来实现的，具体的可以看下面的 code 9；parent 是一个默认存在的引用，代表 ConstraintLayout 父布局本身，也是用于子元素的约束关联。

2、距离顶部状态栏的高度。

【代码】Compose——下拉刷新、上拉加载更多。

【代码】Jetpack Compose——Text的基本使用。

【代码】jetpack compose——圆角、渐变。

我们在使用Image的时候往往遇到宽高没有占满的情况，以下是解决办法。

布局居中ROW的垂直居中和水平居中。

ModalBottomSheetLayout 是 Jetpack Compose 中的一个组件，用于创建底部弹窗。它可以在屏幕底部显示一个半透明的背景，并从底部滑出一个内容面板。ModalBottomSheetLayout 包含两个主要部分：背景和内容面板。

【代码】compose——侧边栏。