rn组件在h5和小程序端的适配问题

在项目中遇到一些组件在h5端正常使用，在小程序端出现异常的情况，记录一下。

1、TouchableWithoutFeedback组件

这个组件在官网的描述中只支持一个子节点，如果你希望包含多个子组件，可以用一个 View 来包装它们。

异常情况：项目在使用时，使用View包裹整个顶部区域，顶部区域里还有另一个点击触发按钮。在h5端可以正常实现各自触发，但在小程序端点击里层按钮会导致外层事件也同时触发。

解决方案：分开包裹，哪里需要触发事件包裹哪里。

2、safeAreaView组件

这个组件目的是在一个“安全”的可视区域内渲染内容。主要是为了ios的刘海屏这样的配置，避免内容被刘海屏遮挡。

异常情况：小程序端屏幕底部有了两段安全距离。

解决方案：主要是因为项目对该组件进行了二次封装，在二次封装后的组件里没有写取消安全距离的属性。

注意：在使用时保证这个组件是唯一且外层。