标签: android-jetpack-compose

我正在开发我的第一个完全由 Compose 设计的应用程序。

我需要使用Text()撰写组件垂直居中文本。在传统的 Android 开发实践中，我是通过对齐属性来实现这一点的。Text()compose 也具有对齐属性，但目前它的容量有限（Alignment.Horizontal()仅允许），尽管我Text()在 web 中进行研究时注意到不同的对齐值。类似的情况Column()- 它也具有对齐属性.wrapContentSize()，并且对此处可以使用的值也有限制，尽管网络上的快速研究表明它CenterVertically也可能会收到。

你是用什么方法来达到这种视觉效果的？完整的代码片段如下

@ExperimentalUnitApi
@Composable
fun TripBookingContent(state: PassengerTripUiState.TripBookUiState) {
    Log.d(App.TAG, "[screen] TripBookingContent")
    val baselineGrid = dimensionResource(id = R.dimen.baseline_grid)
    val mainPadding = dimensionResource(id = R.dimen.main_margin_compact)
    var componentSpace = dimensionResource(id = R.dimen.component_space)
    Column(
        modifier = Modifier
            .wrapContentHeight()
            .fillMaxWidth()
            .padding(
                paddingValues = PaddingValues(
                    horizontal = mainPadding,
                    vertical = baselineGrid
                )
            )
    ) {
        TripViewItem(
            data = state.trip,
            {},
            modifier = Modifier.padding(vertical …

我正在使用最新的 Android Studio，我可以通过compose_version设置为 来构建和运行我的应用程序1.0.5。但是，我想使用最新的稳定 compose 版本1.1.1。

我尝试简单地更新项目，build.gradle使其包含以下内容，指向所需的 compose 版本和相应的兼容 kotlin 版本。这些值在应用程序的build.gradle.

buildscript {
    ext {
        compose_version = '1.1.1'
        kotlin_version = '1.6.10'
    }

在 Android Studio 中，我转到“工具”>“Kotlin”>“配置 Kotlin 插件更新”并下载最新的 Kotlin 插件（抢先体验）。

如果我打开“工具”>“Kotlin”>“Kotlin REPL”，我会看到Welcome to Kotlin version 1.7.0-RC2-release-258 (JRE 11.0.12+0-b1504.28-7817840).

现在，我尝试重建项目。

我收到错误： This version (1.1.1) of the Compose Compiler requires Kotlin version 1.6.10 but you appear to be using Kotlin version 1.5.31 which is not known to be compatible. Please …

我最近开始使用 Kotlin 和 Jetpack Compose 构建我的第一个应用程序。到目前为止，我还没有在 Logcat 中看到这个错误，由于我缺乏经验，我很困惑！我正在清理代码，将函数提取到其他类文件，清理我制作的可组合项之一的 UI，现在我得到了 BLASTBufferQueue 的常量 Logcat 条目，其中包含以下条目：

14:03:10.687  E  [VRI[MainActivity]#0](f:0,a:3) Faking releaseBufferCallback from transactionCompleteCallback
14:03:10.687  E  [VRI[MainActivity]#0](f:0,a:3) Faking releaseBufferCallback from transactionCompleteCallback
14:03:10.704  E  [VRI[MainActivity]#0](f:0,a:3) Faking releaseBufferCallback from transactionCompleteCallback
14:03:10.704  E  [VRI[MainActivity]#0](f:0,a:3) Faking releaseBufferCallback from transactionCompleteCallback
14:03:10.722  E  [VRI[MainActivity]#0](f:0,a:3) Faking releaseBufferCallback from transactionCompleteCallback
14:03:10.722  E  [VRI[MainActivity]#0](f:0,a:3) Faking releaseBufferCallback from transactionCompleteCallback
14:03:10.738  E  [VRI[MainActivity]#0](f:0,a:3) Faking releaseBufferCallback from transactionCompleteCallback

似乎每次重组都会发生这种情况，但我不知道我改变了什么导致它。

这段代码有关系吗？

使用模拟器时这似乎不是问题，目前是可调整大小的 API 33。

但在物理设备（Pixel 7 Pro）上使用时确实会出现。

现在，在物理设备上，自从我上次开发应用程序以来，我确实使用 12 月更新（内部版本号：TQ1A.221205.011）对其进行了更新。更新后是否发生了某些变化导致出现这些 Logcat 条目？

如何使用 Jetpack Compose 通过单击按钮以编程方式打开外部 URL？

@Composable
fun MyButton() {
  Button(onClick = {
    //enter code here
  })
}

谁能建议如何在 Jetpack Compose Navigation 的不同部分中共享 ViewModel？

根据文档，viewModel 通常应该使用活动范围在不同的 compose 函数中共享，但如果在导航内部则不然。

这是我试图修复的代码。看起来我在导航内的两个部分中获得了两个不同的 viewModel：

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        setContent {
            NavigationSystem()
        }
    }
}

@Composable
fun NavigationSystem() {
    val navController = rememberNavController()

    NavHost(navController = navController, startDestination = "home") {
        composable("home") { HomeScreen(navController) }
        composable("result") { ResultScreen(navController) }
    }
}

@Composable
fun HomeScreen(navController: NavController) {
    val viewModel: ConversionViewModel = viewModel()
    
    var temp by remember { mutableStateOf("") }
    val fahrenheit = temp.toIntOrNull() ?: 0

    Column(
        modifier = …

我想在布局底部添加边框。我知道我可以使用Divider可组合项，但我只想学习如何绘制边框。

目前，我可以为所有边添加边框，但这不是我想要的。

Row(
    modifier = Modifier
        .border(border = BorderStroke(width = 1.dp, Color.LightGray))
) {
    TextField(value = "", onValueChange = {}, modifier = Modifier.weight(1f))
    Switch(checked = true, onCheckedChange = {})
    Icon(Icons.Filled.Close, "Remove", tint = Color.Gray)
}