华为开发者论坛的博客_快应用

【快应用】快应用赋值时出现堆栈溢出

现象描述将通过 $element('id') 获取到内容，赋值给成员变量，引发堆栈溢出（RangeError: Maximum call stack size exceeded），从而导致程序的崩溃。页面成员变量stateText发生变化时，也引发堆栈溢出的报错。错误示例代码如下：<template><div id="content"><input type="but

栈溢出

赋值

成员变量

原创 2023-02-13 09:54:51 116 阅读

【快应用】switch组件开关的动态控制

现象描述当我们在打开或关闭switch开关时，有时需要弹出对话框让用户确认是否打开或关闭，避免误操作。例如switch开关默认处于打开状态，在用户关闭开关时，弹出对话框供用户确认。如果用户点击取消，则开关重新置于打开状态；如果用户点击确认，则开关关闭。实现方法switch组件的change事件可以用于响应用户打开或关闭开关的操作，通过改变switch组件的checked属性可以实现对开关的控制。示

3d

弹出对话框

ci

原创 2023-02-09 11:43:58 246 阅读

【快应用】快应用有获取文件摘要值的接口吗？

问题背景快应用有获取文件摘要值的接口吗？例如我想获取文件的SHA256或者MD5值。解决方法1.快应用规范没有提供此功能的接口，但是可以使用第三方库crypto-js来获取。2.检查快应用项目目录下是否已经有第三方库依赖文件package.json。如果没有，在华为快应用IDE中启动第三方依赖库：菜单选择“NPM > Start Npm Library”，执行完成

json

第三方库

NPM

原创 2023-01-12 09:27:44 198 阅读

【快应用】按钮的圆角样式不生效

现象描述在div里包含两个input，分别定义“取消”和“确定”两个按钮，但是“取消”按钮的圆角样式不生效。问题分析分析如下两个按钮样式定义的代码，定义两个按钮公共样式的代码：.button-div input {width: 148px;height: 48px;border-radius: 18px;font-size: 30px;flex: 1;margin: 10px;}分别定义按钮样式

背景色

圆角

问题分析

原创 2023-01-12 09:27:00 276 阅读

【快应用】H5网页弹出软键盘后页面没有上移

现象描述：使用快应用web组件加载某H5网页时，比如帐号登录、帐号注册等带有输入框的页面，当输入框获取焦点，弹出的软键盘挡住了H5网页的部分内容。问题代码如下：<template><web src="{{loadUrl}}" trustedurl="{{list}}" "onPageStart" "onPageFinish""onMessage" "onTitleRe

web组件

软键盘

输入框

原创 2023-01-05 15:13:59 408 阅读

【快应用】重新打开快应用，保存/上传的图片资源不显示

现象描述将上传的图片或者保存在手机本地的图片在快应用中显示出来，但是退出快应用后再次打开会无法显示.问题分析此问题是由于将图片的路径保存在Temp区（表示从外部映射过来的临时文件，出于安全性考虑，临时文件是只读的，并且只能通过调用特定的API获取，比如media.pickVideo方法。另外临时文件的访问是临时的，应用重启后无法访问到临时文件，需要通过特定API重新获取。）导致的，代码

临时文件

数据存储

代码示例

原创 2022-12-16 15:53:21 132 阅读

【快应用】快应用中控制swiper自动和手动滑动的切换

现象描述在某些场景下，需要swiper在用户不触摸的情况下，可以自动切换，但当用户触摸滑动swiper时，需要改为由用户手动控制切换，而在用户取消触摸后，重新恢复自动切换。实现方法可以借助通用事件swipe识别手势的上下左右滑动，当识别到左右滑动时，切换为手动控制；当识别到上下滑动时或者没有滑动操作时，则继续保持自动切换。但是在实际使用时，在swiper组件上应用swipe事件时，对左右滑动的识别

ide

css

d3

原创 2022-12-16 15:51:49 657 阅读

【快应用】小程序转快应用如何退出整个快应用

现象描述：原生快应用可以调用$app.exit退出整个快应用，结束应用生命周期，页面及应用的onDestroy都会被调用。小程序转快应用有什么办法实现吗？解决方法：使用小程序转换快应用的navigator组件，设置open-type:exit可以实现。<view class="btn-area"> <navigator target="quickApp" ope

解决方法

程序转换

生命周期

原创 2022-12-16 15:50:59 334 阅读

【快应用】初始化页面时，调用configuration.setLocale()不生效

现象描述快应用app.ux中定义了全局方法changeLocaleConfiguration，用于设置应用显示语言，在首页生命周期onInit中调用changeLocaleConfiguration()，实际已经触发了该方法，但是应用语言并未发生改变。 app.ux中代码：changeLocaleConfiguration() {this.localeObject = configuration

初始化

问题分析

解决方法

原创 2022-12-16 15:50:19 142 阅读

【快应用】快应用中如何避免读取undefined变量的属性时导致的报错

现象描述在JS开发过程中，经常出现一种错误：即读取一个值为null或者undefined变量的属性时，出现错误提示。例如hello.ux中有如下错误代码：<text>{{ a.b.c }}</text>解决方法可以

错误提示

执行顺序

错误代码

原创 2022-12-14 10:48:38 275 阅读

【快应用】原生广告下载状态监听案例

问题背景：快应用中下载类原生广告监听下载状态变化接口调用没生效，在上报点击接口里触发下载监听后仅第一次返回状态，之后就不返回了，该如何处理？问题分析：快应用在1100版本新增了一个ad-button组件，废弃了原先的原生广告的下载类接口，改用ad-button自带的下载功能。因而在点击下载的时候开发者不知道该在何时去调用监听接口，往往都会在在nativeAd.reportAdClic

ide

JSON

点击事件

原创 2022-12-12 16:21:22 183 阅读

【快应用】倒三角怎么实现

现象描述在快应用中使用border来实现一个倒三角，未能实现预想的效果。联盟可以，华为不行。代码如下：<template> <div class="triangle-container"> <div class="triangle-area"> <text class="triangle-text">领取</text>

ico

问题分析

父节点

原创 2022-12-09 09:20:46 121 阅读

【快应用】为什么调用router.clear()后，立即调用router.getLength()发现页面并未销毁

现象描述调用router.clear()后，立即调用router.getLength()发现页面并未销毁。实现方式调用router.clear()后，页面销毁需要一定的时间，建议使用setTimeout延迟1s后再调用router.getLength()，这样就可以获取最新的页面栈数量。代码如下：<script> import router from '@system.r

JSON

数组

Common

原创 2022-12-09 09:20:02 161 阅读

【快应用】for循环数据不渲染指导案例

问题背景：快应用中执行for指令进行循环渲染，数据不生效，如何处理？解决方案：for渲染不生效通常是for的写法出现问题导致的，检查for循环的写法是否出现问题，支持的写法如下（其中{{}}可以省略）：1、"fn"：for="list"：list为数组对象，默认元素变量为$item。<template> <div class="list-container">

for循环

解决方案

数组

原创 2022-12-09 09:19:26 165 阅读

【快应用】任意拖动图标实现案例

问题背景：快应用页面开发阶段，ui布局时总是会遇到要在页面上实现一个可以任意拖动的导航栏，且在拖动时不能超出屏幕和导航栏不能在到边界时被压缩。一些开发者就会被困住了，这里就介绍一个实现导航栏的一个简易方式。方案：1、通过block实现组件堆叠效果，使得image图标位于list组件上方，并将image的样式设置为“position: fixed”。2、通过监听image组件的touchmove触摸

导航栏

List

ide

原创 2022-12-08 11:08:04 147 阅读

【快应用】快应用中如何实现tab页面切换时更新tab样式？

问题背景：在日常开发中，有时需要实现tab页面切换时更新tab样式，比如使tab文字突出显示。解决方案：快应用中，tabs配套tab-content组件实现选项卡样式。在js代码中，动态绑定tabs的index属性，监听tabs的change事件，实现页签与内容页的联动。实现方法：1、通过点击页签，将index值赋给currentIndex。2、通过监听tabs，将evt.index值赋给curr

动态绑定

页面切换

内容页

原创 2022-11-30 16:24:40 282 阅读

【快应用】如何限制input组件的输入值个数

问题背景：快应用中如何实现控制input输入，超过规定字数就弹窗提示且无法输入超过规定的字数？实现方案：可通过this.$watch()监测input组件的输入值和@change事件，当输入值超过限定字数给出弹窗提示，并强制将输入的值改为限定字数内。实现代码：<template> <div class="container"> <text>仅支持输入5个

快应用

原创 2022-11-29 16:45:53 228 阅读

【快应用】车机快应用如何监听网络变化？

现象描述如今车机上的应用越来越多，也越来越智能化，已经离不开网络。当网络有任何变化时，需要给用户提醒。实现方式调用network.subscribe监听网络连接，一旦发生网络变化，会立即执行其回调方法callback。车机应用需要立即提示用户正常连接网络。listenNetwork: function () { var that = this network

json

网络连接

回调方法

原创 2022-11-29 16:42:45 203 阅读

【快应用】背景图片设置gif不生效

现象描述在快应用中使用background-image加载gif图片当做背景图，背景图片是静止的实现方式用stack组件作为image组件的父节点，然后再用div覆盖在image上，在div中设置相关内容（image上不用设置），从而达到最终效果。代码如下：<template> <div class="container"> <stack class="sta

背景图

加载

背景图片

原创 2022-11-29 16:41:52 201 阅读

【快应用】如何获取标题栏高度

问题背景：快应用页面右上角的菜单栏在一般情形下，是不让去除的，这就导致在进行ui布局时，要留出一个的高度来适配，此时就需要获取菜单栏的高度，而菜单栏的高度是和标题栏一致的，因此获取到标题栏高度即可得到菜单栏的高度，本文就详细介绍了如何获取。解决方案：可以通过device.getInfo接口获取设备信息，然后根据公式计算：标题栏高度=屏幕的高度-可使用窗口高度-状态栏高度，即titleBarHeig

标题栏

菜单栏

状态栏高度

原创 2022-11-29 16:40:53 302 阅读

【快应用】account.authorize授权码模式登录报错1102

现象描述在快应用中调用 account.authorize 接口获取Authorization Code。应用在其服务端发送请求（必须使用POST方式）到华为OAuth2.0授权服务的“https://oauth-login.cloud.huawei.com/oauth2/v3/token”地址上，并在请求的body体中带上以下5个必选参数：grant_ty

解决方法

报错信息

问题分析

原创 2022-11-22 09:57:22 119 阅读

【快应用】权限弹框理由描述如何自定义

问题背景：快应用中的授权弹框一般是用来提示用户应用即将使用该权限，但有时候系统自带的弹框内容并不能很好的描述获取该权限的作用，就有可能导致用户拒绝该权限，该用户可能就流失了，而快应用在1072版本之后推出了permissionDesc属性，开发者可以自定义弹框取权限的理由描述，从而更好的保留用户。解决方案：Manifest文件里设置permissionDesc。permissionDesc可以配置

字符串

地理位置

多语言

原创 2022-11-22 09:56:38 199 阅读

【快应用】折叠屏手机打开快应用页面重新加载问题

问题背景：折叠屏手机展开或者折叠时，快应用会重新加载页面，效果和初次进入当前页面相同，会回调生命周期函数onInit、onReady、onShow，通过页面调整传递的参数依然可以获取。这样会出现页面重新渲染的现象，会影响用户的体验，这种情形快应用应该如何去避免？解决方案：快应用引擎在1070版本之后推出了recreateOnFolding属性，可以来控制快应用在折叠屏手机上是否去重新加载页面。只需

加载

解决方案

生命周期

原创 2022-11-18 10:53:37 204 阅读

【快应用】onShow, onHide, onBackpress, onMenuPress事件监听不执行

现象描述代码中设置的onShow, onHide, onBackpress, onMenuPress事件监听没有执行。问题分析此类问题一般是由于将自定义组件作为根节点导致的，错误代码示例如下：<import name="loading" src="./loading/loading.ux"></import><template> <loadi

ide

自定义组件

问题分析

原创 2022-11-18 10:53:05 164 阅读

【快应用】父组件中如何设置子组件样式

问题背景：子组件被引用时，如果在父组件的布局效果不理想，需要去修改子组件对应的样式，是比较麻烦的，现在快应用在1100版本之后推出了externalClasses属性，可以将外部样式直接传给自定义组件，便于开发者调试。使用方式:1、子组件中声明传递的样式externalClasses: ['childstyle']和class=”childstyle”。2、父组件里调用childstyle=”pa

开发者

d3

自定义组件

原创 2022-11-18 10:51:31 169 阅读

【快应用】如何实现小程序转快应用之间跳转

【现象描述】原生快应用可使用deeplink实现跳转，那么小程序转快应用是如何实现的。【使用方式】1.使用qa.navigateToQuickapp接口注: (1).只有由微信小程序转换生成的快应用才可以调用此接口，调用后可以打开微信小程序转换的和原生开发的快应用。(2). 快应用加载器只允许一个进程运行快应用rpk，所以在快应用加载器中使用该接口时，源快应用会被关闭，只保留

加载器

微信小程序

示例代码

原创 2022-11-18 10:50:52 505 阅读

【快应用】小程序转快应用如何阻止事件向上冒泡

问题背景：小程序转快应用，在快应用中使用view标签包裹两层，在每层都写了一个点击事件，在点击最里面的一个button按钮的时候会触发所有view标签上绑定的点击事件，该如何处理才能只触发一个button按钮的事件呢？相关代码：<view class="container" bindtap="handleTap1"> <view class="loginstyle" bindt

点击事件

事件绑定

小程序

原创 2022-11-17 09:02:36 187 阅读

【快应用】异形屏快应用如何全屏适配

问题背景：快应用页面中设置fullscreen属性为true全屏模式下，在一些异形屏上无法完全适配，状态栏会被黑边替代，无法真正全屏显示。这部分机型如何才能完全适配变成全屏呢？相关代码："display": { "pages": { "Hello": { "titleBarText": "TitleBar", "fullScreen": tr

全屏显示

全屏

解决方案

原创 2022-11-14 21:39:05 282 阅读

【快应用】小程序转快应用的原生广告

【现象描述】由于之前小程序转快应用是没有广告服务的，导致很多开发者小程序转快应用没有广告，只能重新开发原生快应用，增加了工作量。这次新增了ad-button组件。【使用方式】小程序转快应用的原生广告的使用逻辑和快应用的原生广告的使用逻辑是一样的。参考链接：https://developer.huawei.com/consumer/cn/doc/development/qui

ide

小程序

json

原创 2022-11-14 21:38:23 386 阅读

【快应用】画布生成图片分辨率计算

【现象描述】使用toTempFilePath()把当前画布指定区域的内容导出生成指定大小的图片，最终保存到手机上的分辨率和设置的destWidth（输出的图片的宽度）、destHeight（输出的图片的高度）不一致的问题。如图：【计算方法】通过device.getInfo获取windowWidth、windowHeight、windowLogicWidth、windowLogicHe

设备信息

2d

json

原创 2022-11-14 21:36:31 173 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

华为开发者联盟

【快应用】快应用赋值时出现堆栈溢出

【快应用】switch组件开关的动态控制

【快应用】快应用有获取文件摘要值的接口吗？

【快应用】按钮的圆角样式不生效

【快应用】H5网页弹出软键盘后页面没有上移

【快应用】重新打开快应用，保存/上传的图片资源不显示

【快应用】快应用中控制swiper自动和手动滑动的切换

【快应用】小程序转快应用如何退出整个快应用

【快应用】初始化页面时，调用configuration.setLocale()不生效

【快应用】快应用中如何避免读取undefined变量的属性时导致的报错

【快应用】原生广告下载状态监听案例

【快应用】倒三角怎么实现

【快应用】为什么调用router.clear()后，立即调用router.getLength()发现页面并未销毁

【快应用】for循环数据不渲染指导案例

【快应用】任意拖动图标实现案例

【快应用】快应用中如何实现tab页面切换时更新tab样式？

【快应用】如何限制input组件的输入值个数

【快应用】车机快应用如何监听网络变化？

【快应用】背景图片设置gif不生效

【快应用】如何获取标题栏高度

【快应用】account.authorize授权码模式登录报错1102

【快应用】权限弹框理由描述如何自定义

【快应用】折叠屏手机打开快应用页面重新加载问题

【快应用】onShow, onHide, onBackpress, onMenuPress事件监听不执行

【快应用】父组件中如何设置子组件样式

【快应用】如何实现小程序转快应用之间跳转

【快应用】小程序转快应用如何阻止事件向上冒泡

【快应用】异形屏快应用如何全屏适配

【快应用】小程序转快应用的原生广告

【快应用】画布生成图片分辨率计算