# GithubRN

**Repository Path**: gl-reactnative/GithubRN

## Basic Information

- **Project Name**: GithubRN
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-05
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Description: 
 * @Author: liyoucheng
 * @Date: 2020-08-05 19:12:18
 * @LastEditTime: 2020-08-13 18:52:35
 * @LastEditors: liyoucheng
--> 
### 项目介绍

cd android

.\gradlew clean

cd ..

npm cache clean --force


apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
*安卓*
修改`maven`为国内加速

将路径下
```
android/build.gradle
```
中的
```
google()
jcenter()
```
替换成下面的
```
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'https://maven.aliyun.com/repository/google' }
```

运行项目
```
yarn react-native run-android
```

[gradle](https://www.w3cschool.cn/gradle/6qo51htq.html)

### 添加矢量图标

```
yarn add react-native-vector-icons
```

```
 android/app/build.gradle
```
中添加
```
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
```

[react-native-vector-icons](https://github.com/oblador/react-native-vector-icons#installation)
https://www.npmjs.com/package/react-native-vector-icons#bundled-icon-sets
### 导航条

`@react-navigation/native`:导航栏
`react-native-reanimated`: 动画库
`react-native-gesture-handler`: 手势库
`react-native-screens`: 原生组件
` react-native-safe-area-context`: 异形屏安全域
`@react-native-community/masked-view`: 堆栈式导航使用

```
yarn add @react-navigation/native
yarn add react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
yarn add @react-navigation/stack

```
标签导航
```
yarn add @react-navigation/bottom-tabs
```

顶部标签栏
```
yarn add @react-navigation/material-top-tabs react-native-tab-view
```


### 安装ReactNavigation
[https://reactnavigation.org/docs/getting-started](https://reactnavigation.org/docs/getting-started)
[https://docs.swmansion.com/react-native-gesture-handler/docs/](https://docs.swmansion.com/react-native-gesture-handler/docs/)

### 安装堆栈导航器
[https://reactnavigation.org/docs/hello-react-navigation](https://reactnavigation.org/docs/hello-react-navigation)

### 


### Redux
```
yarn add redux
yarn add react-redux
yarn add redux-thunk
```
[Rdux官网](https://redux.js.org/basics/usage-with-react)
[Redux 入门教程（一）：基本用法](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html)
[Redux 入门教程（二）：中间件与异步操作](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html)
[Redux 入门教程（三）：React-Redux 的用法](http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_three_react-redux.html)

### 网络请求
[Fetch](https://reactnative.cn/docs/network)
[Async Storage](https://react-native-community.github.io/async-storage/docs/install)