Skip to content
/ DiDi_RN Public

React Native imitates Didi taxi App. All pages in this project are written using React Native.

License

Notifications You must be signed in to change notification settings

qdhuxp/DiDi_RN

Repository files navigation

React Native 仿滴滴打车

用于学习React Native技术而作,纯属技术研究。App中所有Page都是使用React Native编写,实际上滴滴打车App使用了很多H5页面保证跨平台特性,所以实现方式跟本项目中的方式不一样。

本项目共实现以下功能:

  1. 青桔骑行页面UI框架,实现地图定位、浮动滑动列表功能;
  2. 打车页面UI框架,实现地图定位、浮动滑动列表功能、逆地理编码显示定位地址等;
  3. 安全中心页面,实现部分滴滴网页展示功能;
  4. 用户中心页面,模仿用户登录后展示的内容;
  5. 城市选择页面,按照字母顺序显示中国城市列表,可以根据名称、拼音、字母进行搜索;
  6. 消息中心页面,模仿滴滴App中的消息列表;
  7. 条码扫码页面,可以扫描QR码;

Demo: Android APK下载

效果图

image image image image image image image image

如何使用

  • 本项目使用了高德地图,运行之前需要申请高德地图key,参考如下网址
    如何申请key.

    注意: 项目中要高德的逆地理编码功能,必须申请“web服务”类型的key,同时还要申请“Android平台”类型的key。

    Key的安装方法参考react-native-amap-geolocationreact-native-amap3d项目中的描述。

  • 运行 yarn 安装所有依赖库

  • 运行 yarn android查看运行效果

使用到的库

About

React Native imitates Didi taxi App. All pages in this project are written using React Native.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published