引自官方文档
在微信小程序中存在一类特殊的组件,该类组件是由客户端创立的原生组件。这些组件有:
camera
canvas
input(仅在focus时体现为原生组件)
live-player
live-pusher
map
textarea
video
因为原生组件脱离在WebView烘托流程外,因此在运用时有以下约束:
原生组件的层级是最高的,所以页面中的其他组件无论设置z-index为多少,都无法盖在原生组件上。
后刺进的原生组件可以掩盖之前的原生组件。
原生组件还无法在picker-view中运用。
基础库2.4.4以下版别,原生组件不支撑在scroll-view、swiper、movable-view中运用。
部分CSS样式无法应用于原生组件,例如:
无法对原生组件设置CSS动画
无法定义原生组件为position:fixed
不能在父级节点运用overflow:hidden来裁剪原生组件的显现区域
原生组件的事件监听不能运用bind:eventname的写法,只支撑bindeventname。原生组件也不支撑catch和capture的事件绑定方式。
原生组件会遮挡vConsole弹出的调试面板。在东西上,原生组件是用web组件模拟的,因此许多状况并不能很好的还原真机的体现,建议开发者在运用到原生组件时尽量在真机上进行调试。
uChart绘制图表因为层级高导致拉出的抽屉无法掩盖图表问题。
计划一:运用cover-view、cover-image替代view组件实现抽屉组件
计划二:打开抽屉时候将已烘托的图表转化为图片替换canvas绘制的图表
因为cover-view、cover-image组件存在样式的约束,所以适用于简单的层级比较少的事务开发,而关于嵌套层级较多的事务显然计划二更适合。
以下是图表转为图片的代码,默认转为png格式的图片
constcontext=uni.createCanvasContext(canvasId,_self);
context.draw(false,()=>{
setTimeout(()=>{
uni.canvasToTempFilePath({
canvasId:canvasId,
complete(res){
console.log(res)
_self.img=res.tempFilePath;
}
})
},1000)
})

1、IT大王遵守相关法律法规,由于本站资源全部来源于网络程序/投稿,故资源量太大无法一一准确核实资源侵权的真实性;
2、出于传递信息之目的,故IT大王可能会误刊发损害或影响您的合法权益,请您积极与我们联系处理(所有内容不代表本站观点与立场);
3、因时间、精力有限,我们无法一一核实每一条消息的真实性,但我们会在发布之前尽最大努力来核实这些信息;
4、无论出于何种目的要求本站删除内容,您均需要提供根据国家版权局发布的示范格式
《要求删除或断开链接侵权网络内容的通知》:https://itdw.cn/ziliao/sfgs.pdf,
国家知识产权局《要求删除或断开链接侵权网络内容的通知》填写说明: http://www.ncac.gov.cn/chinacopyright/contents/12227/342400.shtml
未按照国家知识产权局格式通知一律不予处理;请按照此通知格式填写发至本站的邮箱 wl6@163.com