React-Native自定义PopupWindow实现

转载请注明出处:王亟亟的大牛之路

自从泰国回来就忙的不行，各种开会，各种方案，各种报告。学习进度有些受阻，回家时间也比较晚整个人的状态也不是很高效，不如好好休息。
今天下午强行挤了2小时把组里的一个小组件开源下，勉强算挤出一些产能吧。

安利地址：
Useful-Open-Source-Android 安卓收纳”裤”

Useful-Open-Source-React-Native React-Native收纳”裤”

虽然手头事情比较多，但是我还是尽量保持每日一更，每天都要有所收获！

---

运行效果：

实现思路：

外观:
三角形的”箭头”图形+一个视图组

外观实现:
因为设计的原因整个pop成为了2个个体，一个是三角，一个就是具体内容窗体。
三角可以使用切图，但是自己用ART.Path()实现拓展性更好，毕竟不用因为超大屏手机去做代码修改。
下面一部分就是一个正常的<View>多个<TouchableOpacity/></View>
(这里没用listview来实现列表，各位看官也可以自行修改，修改成本不是很高，毕竟js可以传方法，所以点击行为也可以传props解决)

事件:
展现/消失由外层容器控制，控件内对应字段为isVisible: this.props.show

---

使用与分析:

源码地址：react-native-popupWindow

团队开源内容地址(我们会继续努力):https://github.com/PacteraOpenSourceGroup

控件产出:wwl901215

ok,流程走完 我们读一下这个弹窗控件的源码(标注是我发文前加的，给新手学习理解用，如果影响高端玩家读源码抱歉)

如何使用(第一版，暂不考虑发布npm)

import MenuPopWindow from '你存放的位置'

实际使用

<MenuPopWindow width={
  60} height={
  100} show={
  this.state.showPop} closeModal={