# react-native-app

**Repository Path**: ricesoft/react-native-app

## Basic Information

- **Project Name**: react-native-app
- **Description**: 使用React-Native+Redux开发的交友APP
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2019-10-29
- **Last Updated**: 2021-09-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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不太兼容,编译各种报错。本人对原生不是很熟悉,所以退而求其次,使用react-native@0.38.0

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
```