android-jetpack-compose-lazy-column 相关问题


变量改变时变量值的显示不改变(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 中的列

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


模拟撰写 UI 上的用户交互

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


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

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


Jetpack Compose:检查文本最大行数

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


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

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


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

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


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

我是 jetpack compose 的新手,习惯使用 XML 来完成各种任务。我正在尝试在 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...


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:查找文本在组合之前需要多少行

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


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

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


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

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


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

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


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

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


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

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


Android Compose CircularProgressIndicator 使用最新材料崩溃

这是我在顶级 build.gradle 中使用的 构建脚本{ ext.kotlin_version = '1.9.22' ext.compose_version = '1.5.8' 这是在我的 app/build.gradle 中: //撰写 实施平台('org.


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

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


未解决的参考:lifecycle_version [developer.android.com/codelabs]

代码在这里: 起始代码网址: https://github.com/google-developer-training/basic-android-kotlin-compose-training-dessert-clicker 带有起始代码的分支名称:main Codelab 中的说明:


如何使用jetpack在Exoplayer和media 3中添加自定义ui控制器,就像android中的旧视图系统一样?

我正在将 Exoplayer 与 Media 3 库一起使用。我无法像我们在旧视图系统中那样在 Exoplayer 中添加自定义句柄。 我期望添加自定义 UI,其控制器与旧版本相同......


来自 API 的图像在 iOS 上加载,但在 Android 上不加载(Compose 多平台)

我正在制作我的第一个撰写多平台应用程序并遇到一些问题。 通过 Kamel 和 Moko MVVM 从我的 API 获取一些图像。 在 iOS 上可以,但在 Android 上不行。当然网络权限是...


使用鼠标滚动时 Compose 应用程序崩溃

所以我时不时地在桌面上使用我自己的Android应用程序,每当我在应用程序中的任何位置滚动鼠标时 - 无论是否可滚动,它都会崩溃 java.lang.IllegalStateException:


欢迎任何有关如何在 Android 开发中使用 XML 和 Compose 创建以下视图的帮助

如何根据上图做设计代码!!! 这里,当订单阶段为 1 时,订单阶段 2 和 3 的视图显示为灰色,因此根据订单阶段,视图支持...


React中react-router-dom最新版本如何实现延迟加载

我想使用Typescript在React中实现延迟加载。我收到打字稿错误。 常量应用程序 = () => { 返回 ( 我想使用 Typescript 在 React 中实现延迟加载。我收到打字稿错误。 const App = () => { return ( <RouterProvider router={createBrowserRouter( createRoutesFromElements( <Route> <Route path="/" element={<Outlet/>}> <Route index element={<Home />} /> <Route path="contact" element={<Contact />} /> <Route path="about" element={<About />} /> <Route path="*" element={<Navigate to="/" replace />} /> </Route> </Route> ) )} /> ) }; export default App; 下面的代码不起作用 <Route> <Route path="/" element={<Outlet/>}> <Route index lazy={() => import("./Home")} /> <Route path="contact" lazy={() => import("./Contact")} /> <Route path="about" lazy={() => import("./About")} /> <Route path="*" element={<Navigate to="/" replace />} /> </Route> </Route> const Home= lazy(() => import("./screens/home")); const About= lazy(() => import("./screens/about")); <Route> <Route path="/" element={<Outlet/>}> <Route index element={<Suspense fallback={<div>Loading...</div>}> <Home/> </Suspense> /> } /> <Route path="about" element={<Suspense fallback={<div>Loading...</div>}> <About/> </Suspense> /> } /> <Route path="*" element={<Navigate to="/" replace />} /> </Route> </Route>


如何在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>


如何在 Lazyvim 上安装 tsserver?

我取消了lazy.lua的注释来安装tsserver和jsonls,但两者都安装失败。任何人都可以解决这个问题吗? 我安装了运行lazy vim 所需的一切。然后我取消注释l...


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...


在浏览器中创建卸载模拟图像的 URL 以模拟实际加载

简而言之,我想在浏览器中创建一个lazy-loaded-mock-image-src-url。这是为了模拟图像的加载,看看它是如何加载的。 这就是我希望流程如何工作的方式


使用 docker-compose 构建后无法访问我的 webapi

我有一个带有 postgres 数据库的 .net 8 WebApi。 我想在 docker 上运行它,但我的 docker-compose 配置不起作用。 当我调用“docker-compose up”API 且 postgres 在 Docker 上运行时...


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

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


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

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


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 文档


在 Jetson Nano 上安装 C++ 版 torchvision

我想在我的 Jetson Nano (Jetpack 4.5) 上使用 torchvision c++。 我只需要 torchvision 中的 torchvision::ops::nms 函数。如果您可以提供该功能的源代码或替代工具...


机器上未出现 Kafka UI

我是 Kafka 和设置 Kafka UI 的新手,尽管我在最后的 docker 和 docker-compose 上设置了先决条件。 我最后有一个 3 节点 Kafka 集群设置。 下面是 docker-compose...


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” } 数据源...


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