HarmonyOS WebView 圆角设置失效
Web组件在某些场景下我们不会全屏显示,且给左上角右上角设置圆角不会生效。可以用下面的demo来进行验证。
import web_webview from '@ohos.web.webview';
import business_error from '@ohos.base';
@Entry
@Component
struct Page2 {
controller: web_webview.WebviewController = new web_webview.WebviewController();
@State progress: number = 0;
@State src: string = 'https://www.huawei.com/u/bmmain/helpsale/evaluate?random=1000&channel=BM_0933&needHideHead=3&cateId=101&type=B&plainSceneId=B2COld2New&modelId=125986&brandId=10532&modelName=%E5%8D%8E%E4%B8%BA%20Mate%2060%20Pro&skip2NextUrl=https%3A%2F%2Fm.zhuanzhuan.com%2Fzlj%2Fold_for_new_service_h5%2Fvaluation%3FneedHideHead%3D3%26needNewWebview%3D1%26serviceIds%3D%26productId%3D1779861808894005248%26metric%3D%26from%3Dc2b%26isUserEval%3D1';
;
build() {
Column() {
Row().height('30%')
Stack() {
Web({ src: this.src, controller: this.controller })
.borderRadius({ topLeft: 100, topRight: 100, bottomLeft: 0, bottomRight: 0 })
.javaScriptAccess(true)
.domStorageAccess(true)
.onProgressChange((event) => {
this.progress = event?.newProgress || 0;
// console.log(`progress: ${this.progress}`);
})
.height('100%')
Column({ space: 20 }) {
Text(`progress: ${this.progress}`).fontSize(30).fontColor(Color.Black)
Button('loadUrl')
.onClick(() => {
try {
this.controller.setCustomUserAgent("zzVersion/8.18.20 zzT/16 zzDevice/1_44.0_3.0 zzApp/58ZhuanZhuan");
const customUa = this.controller.getCustomUserAgent();
const ua = this.controller.getUserAgent();
console.log(`customUa: ${customUa}, ua: ${ua}`);
} catch (error) {
let e: business_error.BusinessError = error as business_error.BusinessError;
console.error(`ErrorCode: ${e.code}, Message: ${e.message}`);
}
})
}
}
.height('70%')
}.backgroundColor(Color.Black)
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
WebView支持设置WebView圆角吗?
916浏览 • 1回复 待解决
HarmonyOS TextInput设置showCounter时,margin失效
287浏览 • 1回复 待解决
HarmonyOS stack设置圆角不生效
18浏览 • 1回复 待解决
HarmonyOS span中如何设置圆角
454浏览 • 1回复 待解决
HarmonyOS column设置圆角不起作用
518浏览 • 1回复 待解决
UIAbility是否可以设置圆角
1905浏览 • 1回复 待解决
HarmonyOS 图片背景及边框圆角设置问题
994浏览 • 1回复 待解决
控件enabled设置为false时,hover失效
2251浏览 • 1回复 待解决
HarmonyOS api10如何给子窗口设置圆角
396浏览 • 1回复 待解决
HarmonyOS 组件设置margin左右20,width 100% margin会失效
1431浏览 • 2回复 待解决
ImageKnife加载图片,设置圆角显示有问题
193浏览 • 1回复 待解决
HarmonyOS bindPopup使用,如何设置箭头颜色和气泡内容圆角
5浏览 • 0回复 待解决
HarmonyOS auto失效
0浏览 • 0回复 待解决
HarmonyOS webview如何设置自适应
724浏览 • 1回复 待解决
HarmonyOS webview字体大小设置
30浏览 • 1回复 待解决
如何设置分组列表的圆角和间距
1929浏览 • 1回复 待解决
HarmonyOS @Builder 修饰的api中,设置圆角不起作用
438浏览 • 1回复 待解决
HarmonyOS WebView设置自定义UserAgent
275浏览 • 1回复 待解决
HarmonyOS Webview 支持设置代理功能吗?
56浏览 • 1回复 待解决
HarmonyOS 在设置宽度为"100%"时,为什么margin right会失效?
516浏览 • 1回复 待解决
ArkTS中的borderRadius如何设置部分圆角,而不是四个角是圆角?
5588浏览 • 2回复 待解决
HarmonyOS notifyDataAdd失效问题
368浏览 • 0回复 待解决
span不支持设置border,如何给文字设置圆角矩形背景
986浏览 • 1回复 待解决
HarmonyOS后台播放失效问题
496浏览 • 1回复 待解决
HarmonyOS page和WebView无法设置为透明
422浏览 • 1回复 待解决
设置clip为true可以实现。关于clip参考文档https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-sharp-clipping-V5