jetpack-compose-column 相关问题


在 Jetpack Compose 中选择 TextField 的所有文本

我正在 Jetpack Compose 中使用 TextField 组件。 如何在获得焦点时选择所有文本?


变量改变时变量值的显示不改变(Jetpack Compose Android Studio)

应用程序使用mvvm和jetpack compose,屏幕(View,compose)使用以下代码显示是否已获得权限: val 上下文 = LocalContext.current 通过 remem 访问 val...


Jetpack Compose 记住关键字

我是使用 swiftui 的 iOS 开发人员。 现在我有一个android项目,所以我开始学习jetpack compose。 但我有一个与 swiftui 状态不同的问题。 包 com.example.myapplicati...


为什么 Jetpack Compose Material 3 Card 可组合项的内容需要 ColumnScope?

我正在使用 Jetpack Compose,最近注意到 androidx.compose.material3 包中的 Card 可组合项要求其内容在 ColumnScope 中提供。具体来说,


Jetpack 撰写食谱简单应用程序问题

我是 jetpack compose 的新手,习惯使用 XML 来完成各种任务。我正在尝试在 jetpack compose 中构建一个基本的食谱应用程序,但每次运行该应用程序时,都会出现空白的黑屏。我


无法将修饰符传递到 Jetpack Compose 中的列

我有这个 Composable,它是一个可组合函数,旨在为 Android 开发人员的 Jetpack Compose 课程中的此作业生成所有文本。 @可组合 有趣的文章(修改...


导航功能上出现 NullPointerException - Jetpack Compose NavHostController

我在 Jetpack Compose 应用程序上使用 FirebaseAuth 实现了 Google OneTap 身份验证。我面临的问题是,在我成功登录后,如果我关闭我的应用程序并重新启动它......


Jetpack Compose 按钮未更新,尽管使用 mutableStateOf 实现

我对 Jetpack Compose 比较陌生,我遇到了一个简单的按钮单击未按预期更新数字的问题。我有一个 Counter 可组合项,它采用初始计数值和 l...


为什么 PopUp 可组合项在 jetpack compose 中不采用圆角?

我在我的jetpack compose项目中使用了PopUp可组合项。我已将角应用到 PopUp 可组合项内的 Surface,因为它本身不采用修饰符参数。但它只剪辑了


如何在 Jetpack compose 中删除 TextField 底线

这是我的代码: 文本域( 值=文本, onValueChange = { onValueChanged(it) }, 修饰符 = 修饰符 .fillMaxWidth() .高度(100.dp) .pa...


模拟撰写 UI 上的用户交互

我试图了解如何测试用 Jetpack Compose 编写的 Android UI。切换到 Compose 时我的假设是我能够启动应用程序并模拟用户交互,例如......


StateFlowcollectAsState没有更新他的值jetpack撰写导航

我正在jetpack compose中制作简单的导航应用程序。我正在使用撰写导航更改屏幕,使用一些简单的条件,但我的目标值始终与我初始化的值相同。 ...


为什么我不能使用数据类的字段作为jetpack compose中lazyColumn的item的key?

一个非常非常简单的例子(implementation(platform("androidx.compose:compose-bom:2023.08.00"))): com.study.myapplication 包 导入 android.os.Bundle 导入 androidx.activity。


Jetpack Compose:查找文本在组合之前需要多少行

我试图确定某个文本在合成之前将在屏幕上占据多少行。有办法做到这一点吗?


在测试中更改配置时,Composable 不记得输入

我正在为 Jetpack Compose 组件编写仪器测试。我的可组合项使用 RememberSaveable 来记住配置更改(活动重新启动): @可组合 有趣的添加用户屏幕(){ ...


Jetpack Compose:检查文本最大行数

我有一个场景,如果文本最大行数超过 9,我需要显示一个按钮,否则该按钮不应出现。 我尝试查看 Android 开发者指南,但找不到任何解决方案....


如何使用 jetpack compose 在 ModalBottomSheet 上放置粘性底部行/栏

将项目放入 ModalBottomSheet 中时,它们会堆叠并展开底部工作表,直到达到一定的高度阈值,超过该高度,用户必须向上滚动底部工作表才能加载...


为什么 BLE 扫描在 Android 13 上对我不起作用?

我正在使用 Jetpack Compose 构建一个扫描 BLE 设备的应用程序。这是一个可组合项,它在进入组合时简单地扫描 BLE 设备,并在退出时停止扫描。我已经...


Jetpack Compose:行中多行文本,具有粗细和换行文本内容

我有一个行布局,里面有两个可组合项: 当内容较长时,文本应包裹自身宽度并占用尽可能多的空间 每次都必须出现在右侧的图像...


如何在jetpack compose中从屏幕向AppBar做出贡献

我想实现一个简单的用户流程,用户可以看到多个屏幕来输入数据。该流程应该共享一个通用的导航栏,每个屏幕在激活时都可以贡献其菜单项...


如何在jetpack compose中使用浮动资源

我的浮点值是360F。我在 res/values 中创建了一个名为 float.xml 的文件。 浮动.xml 我的浮点值是 360F。我在 float.xml 中创建了一个名为 res/values 的文件。 float.xml <?xml version="1.0" encoding="utf-8"?> <resources> <item name="loading_circle_target" format="float" type="dimen">360</item> </resources> 然后像这样使用 @Composable fun LoadingCircle() { val currentRotation by transition.animateValue( 0F, targetValue = dimensionResource(id = R.dimen.loading_circle_target).value, // .. more code in here ) // more code in here } 我在这里遇到错误 android.content.res.Resources$NotFoundException: Resource ID #0x7f070346 type #0x4 is not valid at android.content.res.Resources.getDimension(Resources.java:766) at androidx.compose.ui.res.PrimitiveResources_androidKt.dimensionResource(PrimitiveResources.android.kt:79) 更新 我的最低sdk是21 如果您的目标至少是 API 29,则可以使用: val floatValue = LocalContext.current.resources.getFloat(R.dimen.loading_circle_target) @Composable fun LoadingCircle() { val currentRotation by transition.animateValue( 0F, targetValue = floatValue, // .. more code in here ) // more code in here } 我不得不恢复到旧的 is_phone bool,因为 booleanResource() 支持较旧的 API 级别。所以有 <resources> <bool name="is_phone">false</bool> </resources> 在 values-sw600dp 文件夹中并将其设置为正常值文件夹中的 true。然后就可以像这样使用了 @Composable fun LoadingCircle() { val currentRotation by transition.animateValue( 0F, targetValue = if (booleanResource(id = R.bool.is_phone)) 360f else 180f ) // more code in here }


将 2 个弹性列合并为 1 个交替的子列

我有一个有 2 列的弹性容器。 每列也是一个弹性容器,里面有许多盒子。 我有一个 flex 容器,有 2 列。 每列也是一个弹性容器,里面有许多盒子。 <div class="flex-container"> <div class="column left-column"> <div class="box boxA">Box A</div> <div class="box boxB">Box B</div> </div> <div class="column right-column"> <div class="box boxC">Box C</div> <div class="box boxD">Box D</div> <div class="box boxE">Box E</div> </div> </div> 我希望在移动视图中,2 列变成 1。 现在,我通过将 flex-direction: column 添加到 flex-container 来实现这一点,这使得 2 列彼此重叠(垂直,而不是 z 轴)。 .flex-container { display: flex; gap: 10px; padding: 10px; max-width: 800px; } .column { display: flex; flex-direction: column; flex: 1; gap: 10px; } .left-column { flex: 2; } .right-column { flex: 1; } .box { border: 1px solid lightgrey; border-radius: 8px; padding: 8px; } @media (max-width: 800px) { .flex-container { flex-direction: column; } } 但现在我还需要重新排列框的顺序,以便在移动视图中显示为 A、C、D、E、B。 我认为仅使用 CSS 无法实现这一点,因为它需要“破坏”弹性列。 这是我目前拥有的沙箱:https://codepen.io/marcysutton/pen/ZYqjPj 顺便说一句,这是在 React 应用程序中,所以我可能必须以编程方式重新排列框。 如果可能的话,我只是更喜欢使用 CSS 来做到这一点。 在下部宽度处使用 display: contents“破坏”包装 div,然后在 order 上使用 .boxB。 .flex-container { display: flex; gap: 10px; padding: 10px; max-width: 800px; } .column { display: flex; flex-direction: column; flex: 1; gap: 10px; } .left-column { flex: 2; } .right-column { flex: 1; } .box { border: 1px solid lightgrey; border-radius: 8px; padding: 8px; } @media (max-width: 800px) { .flex-container { flex-direction: column; } .column { display: contents; } .boxB { order: 2; } } <div class="flex-container"> <div class="column left-column"> <div class="box boxA">Box A</div> <div class="box boxB">Box B</div> </div> <div class="column right-column"> <div class="box boxC">Box C</div> <div class="box boxD">Box D</div> <div class="box boxE">Box E</div> </div> </div>


docker-compose 构建输出到日志文件

我要存档的内容: 我想将 docker 构建过程的输出存储在一个文件中,并在终端中在线查看它。 我尝试的是: docker-compose build --progress plain myenv | docker-compose build --progress plain myenv | docker-compose build --progress plain myenv |给我的...


在 Geopandas 中自定义图例标签

我想自定义 geopandas 图例上的标签。 图,ax = plt.subplots(figsize = (8,5)) gdf.plot(column = "WF_CEREAL", ax = ax, legend=True, categorical=True, cmap='Yl...


Flutter:在构建之前获取小部件大小

有没有办法测量尚未构建的小部件的尺寸,但这只是一个变量示例: 列 myColumn = Column(children[......]); myColumn.iWouldLikeToGetItsHeightAndWidt...


显示与产品相关的所有图片

这是我的产品类别: 公共类产品实现可序列化{ 私有静态最终长serialVersionUID = 1L; @ID @GenerateValue(策略 = GenerationType.IDENTITY) @Column(名称 = &


Android Compose 基础知识 - 项目:创建名片应用程序

在此处输入图像描述当前正在完成此练习 https://developer.android.com/codelabs/basic-android-kotlin-compose-business-card?continue=https%3A%2F%2Fdeveloper.android.com%2Fcourses%


Spring Boot Keycloak docker-compose

当 Docker 容器中的 Spring Boot 应用程序尝试访问 Keycloak Docker 容器时,我遇到问题。我使用 docker-compose 创建了它们。以下是文件: 版本:“3.8”


当我在代码中使用 CenterAlignedTopAppBar 时出现编译错误

嗨,我是 jetpack 的新手,这是我的代码 @可组合 有趣的 WoofApp() { 脚手架( 顶部栏 = { CenterAlignedTopAppBar(标题 = { Text(text = "hi") }) // 错误 ...


如何在 Java 测试类中结合使用 compose 和 xml 视图来使用 compose 测试规则

我正在尝试为某些视图编写 UI 测试,其中一些测试已经在 Java 中实现。我还打算包含对 Compose 视图的测试。然而,在我的尝试中,使用任一测试标签......


未提供配置文件:找不到 docker compose up --scale chrome=5

这可能看起来与现有的解决方案类似,但我已经尝试了那里提到的所有解决方案,但似乎没有一个解决方案可以解决我的问题。 我创建了一个 docker compose 文件,Docker-Compose-V3.yml...


无需封闭标签的角度内容投影

有没有一种方法可以实现不包含标签的内容投影? 这是我的组件: 有没有一种方法可以实现不包含标签的内容投影? 这是我的组件: <div class="flex flex-column container"> <div class="flex flex-column header"> <ng-content select="[header]"></ng-content> </div> <div class="flex flex-column body"> <ng-content></ng-content> </div> <div class="flex flex-column footer"> <ng-content select="[footer]"></ng-content> </div> </div> 请注意,有两个可能的插槽 header 和 footer。这些组件应该这样使用: <div header>Header</div> Body <div footer>Footer</div> 如果没有这个div我该如何使用这个组件?我的意思是,我只想添加内容,因为如果我添加 div,它可能会破坏布局。 您可以尝试在 ngProjectAs 标签上使用 ng-container 属性: <ng-container ngProjectAs="[header]">Header</ng-container> Body <ng-container ngProjectAs="[footer]">Footer</ng-container> 更多相关内容请参见 Angular 文档


SignalR 无法使用 docker compose/container 连接

我在 docker 上建立 SignalR 连接时遇到问题(IIS 运行良好)。 主要目标是运行 docker compose 并将数据从 nodeRed 容器发送到 webApp (.net core 3.1 Blazor) 并通过 v...


Hibernate hbm2ddl.auto=update 不会更新 MySQL 中的列定义

我正在尝试使用 hbm2ddl.auto = update 更新现有表。多个表中有多个列,其中数据库列定义与实体中的声明发生了变化。喜欢 @Column(名称=“


带有 nginx-proxy 的 Docker:不允许附加属性名称

从 ubuntu 18 升级到 Ubuntu 20.04.6 LTS 后 Docker 停止工作 我正在使用 docker-compose 但它完全停止工作。所以我切换到“docker compose” 我现在正在尝试...


导入错误:无法从“jinja2”导入名称“escape”。运行 docker compose up 时出现错误

我分别有以下 Dockerfile 和 docker-compose: Dockerfile: 来自Python:3.9 ENV Python 无缓冲 1 工作目录/应用程序 复制requirements.txt /app/requirements.txt 运行 pip install -r


Dockerfile 无法使用 Prisma 访问 docker-compose postgresql 数据库 url

我真的不知道为什么,但我的 Dockerfile 映像无法访问使用 docker compose 运行的 postgres 数据库 // prisma.schema 生成器客户端{ 提供者=“prisma-client-js” } 数据源...


fastapi、celery、redis、docker compose:无法分配请求的地址

我使用 fastapi、celery、redis 和 docker-compose 来托管 RestAPI。一切都运行良好,除了当我通过 Dockerfile 中的一行代码触发 api 测试时。如果没有这行代码...


Traefik 卡在重启中,不清楚的错误

我正在尝试在 docker compose 中运行 traefik 图像,它之前可以正常工作,但自从我拉取图像后,我从 docker compose log traefik 获得的唯一日志是 command traefik error: field not


在 docker-compose 中 MySQL 连接被拒绝

我在 docker-compose 中从 golang 应用程序连接到 MySQL 时遇到问题。我可以从控制台连接到数据库: mysql -u user -D data -h 0.0.0.0 -P3306 -p 但是,使用 docker-compos 时我无法连接...


将 spring 版本升级到 3.2.1 时,我将 javax.persistance.* 更改为 jakarta.persistance.* 并遇到架构验证错误

我有一个名为 CUIQueue 的类,其中包含字段 ... @Enumerated(EnumType.STRING) @Column(名称=“状态”) 私有 CuiDocumentStatus 状态; ... 此 CuiDocumentStatus 是一个具有以下内容的枚举


docker-compose traefik 与 PathRegexp 的问题

我正在尝试做的事情: 我有一个 docker-compose 文件,其中包含 4 个容器 traefik、UI、API 和 DB。 我想使用 traefik 将容器 UI 和 API 重定向到端口 80,但位于不同的 url 路径上。 ...


使用 kotlin/compose 与 java/xml 指南相比

我猜我应该说我对 kotlin 的 compose 很陌生,我只用过 java/xml 的项目,我在这里很困惑。 使用java,我们为每个屏幕提供具有自己的逻辑/设计的片段。这里...


如何在 Kubernetes 中创建像 Docker Compose 中的 Volume 一样的 Volume?

我是 Kubernetes 新手,并尝试在其中创建卷,就像我们在 Docker Compose 中创建一样。 码头工人组成: 版本:'3' 服务: 我的服务: 容器名称:我的容器 图像:我的图像:...


如何在React Prime DataTable中添加超链接?

我有一个数据表,我正在使用 React prime 库, 我的要求是在一个特定列中添加一个链接。 我有一个数据表,我正在使用 React prime 库, 我的要求是在一个特定列中添加一个链接。 <DataTable paginator rows={tableRowPage} value={products} tableStyle={{ minWidth: "30rem" }} ><Column key={field} field={field} header={header} style={{ width: "25%" }} /> </DataTable> 我需要特定单元格中的超链接 我在数据表中遇到了同样的问题,不幸的是,根据我的研究,他们似乎不提供对此的支持。 但是,我已经设法通过这种方式解决了这个问题: 数据表添加链接逻辑: <Column field="code" header="Code" body={(rowData) => { return ( <div sx={{ display: "flex", justifyContent: "space-between", alignItems: "center", }} > <div style={{ color: "#3F00FF", textDecoration: "underline", cursor: "pointer", "&:hover": { color: "#23297A", }, }} onClick={() => window.open("www.google.com", "_blank").focus()} > {rowData.code} </div> </div> ); }} ></Column>; 我已经使用 Prime React Column 组件中的 body 渲染了数据。我应用 CSS 将其设置为链接样式,并添加了 onClick 事件以进行重定向。您可以根据您的要求修改逻辑。 完整代码链接:https://codesandbox.io/s/primereact-demo-forked-kqtdvs?file=/src/App.jsx 如果您还有任何疑问,请告诉我。


Android Compose:如何显示文本中带有图像标签的 HTML 文本?

我有一个来自 API 的字符串,其中包含 HTML 格式的文本,我需要使用 Compose 将其显示给用户。对于带有格式的简单文本,使用此函数非常简单: @


Docker 使用“同步”操作来编写监视,并给出错误“文件存在”。 “重建”工作正常

我正在尝试使用 docker compose watch 配置 Django 项目,以将代码更改同步到容器化 Django 应用程序中。 撰写文件如下: 包括: - compose-db-dev.yaml 服务:


如何将 Docker Compose 文件与 Next.js、Prisma 和 SQLite 结合使用

我有一个接下来的 14 个应用程序,它使用 Prisma 作为 ORM,并在本地使用 Sqlite 数据库进行开发测试。我不想使用 MySQL 或 Mongo 或 Postgres 等的图像...... 在尝试使用 docker compose 时...


Docker:NestJS 和 MySQL ECONNREFUSED 127.0.0.1:3306

我有这个文件: docker-compose-yml 版本:“3.8” 服务: mysql: 图片:mysql:8.0 容器名称:mysql_db 重新启动:始终 环境: MYSQL_ROOT_PASSWORD:r...


为什么 docker-compose down 会删除我的卷?如何避免“向下”执行此操作。 (Postgresql)

当我在没有 -v 或 --volumes 的情况下运行 docker-compose 时,为什么我的数据丢失了? Docker 会删除我的卷吗? 当我使用 docker Volume Inspect pgdata 检查时,它始终显示当前时间戳,


© www.soinside.com 2019 - 2024. All rights reserved.