微信小程序 默认打开前置摄像头，IOS显示问题

小程序里面现有打开摄像头的方式有两种：

1、API调用，这个API可以设置直接打开相机，但不能打开的时候默认为前置摄像头。

2、小程序camera组件，camera组件可以设置device-position为front默认就是前置摄像头，但这个是一个原生组件，小程序原生组件层级默认为最大，设置z-index都无法覆盖（原生组件使用限制： https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html ），你用CSS的height来控制它的显示隐藏在IOS上面就会有问题或者无效，最后我用和hidden这个属性来控制显示隐藏，达到预期的效果。

注意：camera在我测试中iPhone6Plus 机型上面一直打不开，报错：insertCamera:fail。这个问题一直没解决，如有大神知道解决方法欢迎留言评论指点。

通过小程序组件 <camera> 中的 flash 属性的控制实现后置闪光灯的打开与关闭

注意：mode="scanCode" 只有扫码模式才能准确控制闪光灯的开关

1.因防止打开子页面加载摄像头会延迟卡顿，所以暂时通过 showCamera 进入页面不立即进行加载，提升流畅度。

2.切换开关控制

日常记录学习~~

参数参考官方文档： https://developers.weixin.qq.com/miniprogram/dev/component/cover-image.html

cover-image：覆盖在原生组件之上的图片视图，支持嵌套在 cover-view 里

cover-view：覆盖在原生组件之上的文本视图，支持嵌套 cover-view 、 cover-image ，可在 cover-view 中使用 button

原生组件有：map，video，canvas，camera，live-player，live-pusher

参数参考官方文档： https://developers.weixin.qq.com/miniprogram/dev/component/match-media.html

match-media：media query 匹配检测节点，指定一组 media query 规则，满足时，这个节点才会被展示。

参数参考官方文档： https://developers.weixin.qq.com/miniprogram/dev/component/movable-area.html

movable-area：是movable-view的可移动区域，必须设置width和height属性，不设置默认为10px

movable-view：可移动的视图容器，在页面中可以拖拽滑动，movable-view必须在movable-area组件中使用，并且必须是直接子节点，否则不能移动。

参数参考官方文档： https://developers.weixin.qq.com/miniprogram/dev/component/page-container.html

page-container：“假页”容器组件，效果类似于 popup d出层，页面内存在该容器时，当用户进行返回 *** 作，关闭该容器不关闭页面，当前页面最多只有 1 个容器，若已存在容器的情况下，无法增加新的容器

参数参考官方文档：

https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html

scroll-view：可滚动视图区域，使用竖向滚动时，需要给一个固定高度，组件属性的长度单位默认为px

参数参考官方文档：

https://developers.weixin.qq.com/miniprogram/dev/component/share-element.html

具体使用可看官方案例哦

share-element：共享元素，该组件需与page-container组件结合使用

swiper：滑块视图容器，其中只可放置swiper-item组件，否则会导致未定义的行为。

swiper-item:仅可放置在swiper组件中，宽高自动设置为100%

这是我们最熟悉的容器啦~

---