https://github.com/jibenziliao/react-native-app

使用React-Native+Redux开发的交友APP
https://github.com/jibenziliao/react-native-app

react react-native react-native-app react-native-maps redux

Last synced: 27 days ago
JSON representation

使用React-Native+Redux开发的交友APP

• Host: GitHub
• URL: https://github.com/jibenziliao/react-native-app
• Owner: jibenziliao
• Created: 2016-11-14T10:06:05.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2017-03-09T14:36:54.000Z (over 7 years ago)
• Last Synced: 2024-09-28T18:42:43.708Z (about 1 month ago)
• Topics: react, react-native, react-native-app, react-native-maps, redux
• Language: JavaScript
• Homepage: https://github.com/jibenziliao/react-native-app
• Size: 13.5 MB
• Stars: 32
• Watchers: 3
• Forks: 16
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-native-app

## 觅友 Meet U

```bash

git clone https://github.com/jibenziliao/react-native-app.git

```

```bash

npm install

```

```bash

react-native link

```

![首页截图](./img/home.gif)

![寻TA截图](./img/map.gif)

![相册截图](./img/album.gif)

### 下载地址

    iOS版正在重构，即将上线。

    App小范围试用，短信通道暂时关闭。

    可使用测试账号登录：

    账号：18988888888

    密码：111111

Android版本已上线Google Play

![Alt text](./img/QR_Code_Android.png)

也可以从[蒲公英](https://www.pgyer.com/Meetyou)下载测试版(两个签名不一样，不能共存)

![觅友 Meet U](./img/QR_Code_PuGongYing.png)

### 说明

1. 插件[react-native-swipe-cards](https://github.com/meteor-factory/react-native-tinder-swipe-cards)0.0.9版本有bug(最新版已改名：[react-native-tinder-swipe-cards](https://github.com/meteor-factory/react-native-tinder-swipe-cards))

      0.0.9版本第95行if判断条件替换为如下内容

      ``` JavaScript

      nextProps.cards && nextProps.cards.length > 0 && (nextProps.cards[0].UserId !== this.props.cards[0].UserId || nextProps.refresh !== this.props.refresh)

      ```

2. react-native版本是0.38.0,不要轻易升级react-native版本。0.39.0、0.39.1、0.39.2在iOS平台跟cocoapods不太兼容,编译各种报错。本人对原生不是很熟悉,所以退而求其次,使用[email protected]

3. 因集成极光推送插件,xCode需更新到8.2.1版本,以便支持iOS10,在iOS工程target的Build Phases->Link Binary with Libraries中加入如下库

    > libz.tbd

      

    > CoreTelephony.framework

      

    > Security.framework

      

    > CFNetwork.framework

      

    > CoreFoundation.framework

      

    > SystemConfiguration.framework

      

    > Foundation.framework

      

    > UIKit.framework

      

    > UserNotifications.framework

      

    > libresolv.tbd

    关于极光推送插件详细配置,请参考极光推送插件 [jpush-react-native](https://github.com/jpush/jpush-react-native)文档,及这篇博客 [react native极光推送全程教程android和ios](http://www.jianshu.com/p/e7f81b5e1807)

### Android

#### 注意事项

1. 如下图所示,如果你的SDK Tools中的Google Play Service版本比较新,你需要更改第三方插件( [react-native-maps](https://github.com/airbnb/react-native-maps) )中的一些参数:

![Alt text](./img/Google_Play_Services.png)

在node_modules/react-native-maps/Android目录下,修改build.gradle文件中的dependences为如下内容:

![Alt text](./img/build.gradle.png)

```bash

dependencies {

   compile 'com.facebook.react:react-native:+'

-  compile "com.google.android.gms:play-services-base:9.0.4"

-  compile 'com.google.android.gms:play-services-maps:9.0.4'

+  compile "com.google.android.gms:play-services-base:10.0.1"

+  compile 'com.google.android.gms:play-services-maps:10.0.1'

}

```

```bash

react-native run-android

```

### iOS

#### 注意事项

1. iOS真机调试无法开启dev菜单,可能跟Libraries有关,在模拟器上可以使用开发者菜单进行调试。(对原生不太熟悉,暂时没有解决)

```bash

react-native run-ios

```