77- #### 基础组件
88** 容器组件** :[ view] ( #view ) · [ scroll-view] ( #scroll-view ) · [ swiper] ( #swiper ) · [ swiper-item] ( #swiper-item ) · [ movable-area] ( #movable-area ) · [ movable-view] ( #movable-view ) · [ root-portal] ( #root-portal ) · [ sticky-section] ( #sticky-section ) · [ sticky-header] ( #sticky-header ) · [ cover-view] ( #cover-view )
99
10- ** 媒体组件** :[ image] ( #image ) · [ video] ( #video ) · [ canvas] ( #canvas ) · [ camera ] ( #camera )
10+ ** 媒体组件** :[ image] ( #image ) · [ video] ( #video ) · [ canvas] ( #canvas )
1111
1212** 表单组件** :[ input] ( #input ) · [ textarea] ( #textarea ) · [ button] ( #button ) · [ checkbox] ( #checkbox ) · [ checkbox-group] ( #checkbox-group ) · [ radio] ( #radio ) · [ radio-group] ( #radio-group ) · [ switch] ( #switch ) · [ picker] ( #picker ) · [ picker-view] ( #picker-view ) · [ picker-view-column] ( #picker-view-column ) · [ form] ( #form ) · [ label] ( #label )
1313
181181
182182| 事件名 | 说明 |
183183| ----------------| ------------------ |
184- | change| current 改变时会触发 change 事件,` event.detail = {current, source} ` ; ` source ` 为 ` touch ` 、 ` autoplay ` 或空字符串,分别表示用户滑动、自动播放或其他原因导致的切换 |
184+ | change| current 改变时会触发 change 事件,` event.detail = {current, source} ` |
185185
186186### swiper-item
187187仅可放置在swiper组件中,宽高自动设置为100%。
@@ -320,7 +320,7 @@ movable-view的可移动区域。
320320
321321| 事件名 | 说明 |
322322| ----------------| ------------------ |
323- | change | checkbox-group 中选中项发生改变时触发 change 事件,` event.type = 'change' ` , ` event. detail = { value: [选中的 checkbox 的 value 的数组] }` |
323+ | change | checkbox-group 中选中项发生改变时触发 change 事件,` detail = { value: [ 选中的 checkbox 的 value 的数组 ] } ` |
324324
325325
326326### radio
@@ -345,7 +345,7 @@ movable-view的可移动区域。
345345
346346| 事件名 | 说明 |
347347| ----------------| ------------------ |
348- | change | radio-group 中选中项发生改变时触发 change 事件,` event.type = 'change' ` , ` event. detail = { value: 选中的 radio 的 value }` |
348+ | change | radio-group 中选中项发生改变时触发 change 事件,` detail = { value: [ 选中的 radio 的 value 的数组 ] } ` |
349349
350350
351351### form
@@ -358,7 +358,7 @@ movable-view的可移动区域。
358358| 事件名 | 说明 |
359359| ---------- | --------------------------------------------------- |
360360| submit | 携带 form 中的数据触发 submit 事件,` event.detail = {value : {'name': 'value'} } ` |
361- | reset | 表单重置时会触发 reset 事件, ` event.type = 'reset' ` |
361+ | reset | 表单重置时会触发 reset 事件 |
362362
363363
364364### input
@@ -517,7 +517,7 @@ movable-view的可移动区域。
517517
518518| 事件名 | 说明 |
519519| ----------------| ----------------------------------------------------|
520- | cancel | 取消选择时触发 cancel 事件, ` event.type = 'cancel' ` |
520+ | cancel | 取消选择时触发 |
521521| change | value 改变时触发 change 事件,` event.detail = {value} ` |
522522
523523#### 普通选择器:mode = selector {#mode-selector}
658658> - canvas 的实现主要借助于 PostMessage 方式与 webview 容器通信进行绘制,所以对于严格依赖方法执行时机的场景,如调用 drawImage 绘图,再通过 getImageData 获取图片数据的场景,调用时需要使用 await 等方式来保证方法的执行时机
659659> - 通过 Canvas.createImage 画图,图片的链接不能有特殊字符,安卓手机可能会 load 失败
660660
661- ### camera
662-
663- 系统相机。
664-
665- #### 属性 {#camera-props}
666-
667- | 属性名 | 类型 | 默认值 | 说明 |
668- | --- | --- | --- | --- |
669- | mode | string | ` normal ` | 应用模式,可选值为 ` normal ` 、` scanCode ` |
670- | resolution | string | ` medium ` | 分辨率,可选值为 ` low ` 、` medium ` 、` high ` |
671- | device-position | string | ` back ` | 摄像头朝向,可选值为 ` front ` 、` back ` |
672- | flash | string | ` auto ` | 闪光灯,可选值为 ` auto ` 、` on ` 、` off ` |
673- | frame-size | string | ` medium ` | 指定期望的相机帧数据尺寸,可选值为 ` small ` 、` medium ` 、` large ` |
674-
675- #### 事件 {#camera-events}
676-
677- | 事件名 | 说明 |
678- | --- | --- |
679- | initdone | 相机初始化完成时触发,` event.detail = { maxZoom } ` |
680- | stop | 摄像头在非正常终止时触发 stop 事件,` event.type = 'stop' ` |
681- | error | 相机发生错误时触发 |
682- | scancode | 在 ` scanCode ` 模式下识别到二维码时触发,` event.detail = { result, type, scanArea } ` |
683-
684- #### API
685-
686- | 方法名 | 说明 |
687- | --- | --- |
688- | setZoom | 设置缩放级别 |
689- | takePhoto | 拍照,仅支持在 ` normal ` 模式中使用 |
690- | startRecord | 开始录像 |
691- | stopRecord | 结束录像 |
692-
693- > [ !tip] 注意
694- >
695- > camera 组件基于第三方库 ` react-native-vision-camera ` 实现,需要容器安装该依赖并完成相机权限配置。
696-
697661### video
698662视频
699663
@@ -724,13 +688,13 @@ API
724688| ----------------| --------------------------------------------------- |
725689| play | 当开始/继续播放时触发play事件 |
726690| pause | 当暂停播放时触发 pause 事件 |
727- | ended | 当播放到末尾时触发 ended 事件, ` event.type = 'ended' ` |
691+ | ended | 当播放到末尾时触发 ended 事件 |
728692| timeupdate | 播放进度变化时触发,` event.detail = {currentTime, duration} ` |
729693| fullscreenchange | 视频进入和退出全屏时触发,` event.detail = {fullScreen ` } |
730694| waiting | 视频出现缓冲时触发 |
731- | error | 视频播放出错时触发 error 事件, ` event.type = 'error' ` |
695+ | error | 视频播放出错时触发 |
732696| loadedmetadata | 视频元数据加载完成时触发。` event.detail = {width, height, duration} ` |
733- | controlstoggle | 切换 controls 显示隐藏时触发 controlstoggle 事件, ` event.type = 'controlstoggle' ` , ` event.detail = {show} ` |
697+ | controlstoggle | 切换 controls 显示隐藏时触发。 ` event.detail = {show} ` |
734698| seekcomplete | seek 完成时触发 |
735699
736700> [ !tip] 注意
0 commit comments