React Native仿美团

ReactNative 高仿美团外卖源码ReactNative 高仿美团外卖源码

随着美团点评业务的快速发展，业务方对 B 端产品（商家端）版本迭代速度和资源方面提出更高要求，React Native 的出现恰恰解决了这两个问题。时至今日，已经使用 React Native 一年有余，开发了近十余个功能，热更新、一套代码同时支持 iOS 和 Android 两端等方面，都取得了良好的效果，但与此同时，也发现 React Native 还不够成熟。本次分享将从实际项目出发，分享 React Native 在项目中的设计和使用经验，主要包括两点： 1. 设计，基于 React Native 技术的移动 App 跨平台架构设计； 2. 坑，开发中遇到的痛点、解决过程、原理和注意事项。

（本小程序是模仿新闻类的app做的一个小程序）[具体描述可查看CSDN博客：https://blog.csdn.net/yangjianbo456/article/details/80935017](https://blog.csdn.net/yangjianbo456/article/details/80935017)

本文介绍了React Native仿美团下拉菜单的实例代码，最近也在学习React Native，顺便分享给大家 在很多产品中都会涉及到下拉菜单选择功能，用的最好的当属美团了，其效果如下： 要实现上面的效果，在原生中比较好做，直接使用PopWindow组件即可。如果使用React Native开发上面的效果，需要注意几个问题： 1、 在下拉的时候有动画过度效果； 2、下拉菜单出现后点击菜单项，菜单项可选择，并触发对应的事件； 3、下拉菜单中的项目可以配置； 要实现弹框效果，我们马上回想到使用Model组件，而要绘制打钩图标和下拉三角，我们首先想到使用ART实现，当然选择使用图