https://github.com/liuhongjun719/react-native-BabyHealth-

React native 创建的仿 “宝宝健康” app，实现Listview展示、收藏、跳到appstore、react-redux与redux-thunk的使用
https://github.com/liuhongjun719/react-native-BabyHealth-

Last synced: 3 months ago
JSON representation

React native 创建的仿 “宝宝健康” app，实现Listview展示、收藏、跳到appstore、react-redux与redux-thunk的使用

• Host: GitHub
• URL: https://github.com/liuhongjun719/react-native-BabyHealth-
• Owner: liuhongjun719
• Created: 2016-08-15T03:35:03.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2016-09-20T08:59:48.000Z (almost 8 years ago)
• Last Synced: 2024-01-16T20:11:12.095Z (5 months ago)
• Language: JavaScript
• Size: 27 MB
• Stars: 84
• Watchers: 10
• Forks: 45
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Lists

• awesome-react-native - react-native-BabyHealth- - redux与redux-thunk的使用 (开源APP / 项目实践&教程)

README

        
# BabyHealth

Listview展示”宝宝健康手” app
 

React native 创建的仿 “宝宝健康” app，实现Listview展示、收藏、跳到appstore、react-redux与redux-thunk的使用

## Screenshot

![image](https://github.com/liuhongjun719/BabyHealth-/blob/master/screenshots/1.png)

![image](https://github.com/liuhongjun719/BabyHealth-/blob/master/screenshots/2.png)

![image](https://github.com/liuhongjun719/BabyHealth-/blob/master/screenshots/3.png)

![image](https://github.com/liuhongjun719/BabyHealth-/blob/master/screenshots/4.png)

![image](https://github.com/liuhongjun719/BabyHealth-/blob/master/screenshots/5.png)

![image](https://github.com/liuhongjun719/BabyHealth-/blob/master/screenshots/6.png)

![image](https://github.com/liuhongjun719/BabyHealth-/blob/master/screenshots/7.png)

![image](https://github.com/liuhongjun719/BabyHealth-/blob/master/screenshots/8.png)

## Step

>* step1:  重启终端（以防之前打开过其他项目，会出现错误红屏界面）

>* step2:  npm install

>* step3:  nmp start

## Change

>* 进入文件夹中： node_modules/react-native-tab-navigator ，将styles中defaultSelectedTitle和defaultSelectedIcon中的内容替换成下面两项(将tabBar上的图片和文字替换成自己想要的颜色)
 

```javascript

defaultSelectedTitle: {
 

      color: 'rgb(245, 109, 132)',
 

},
 

defaultSelectedIcon: { 
 

      tintColor: 'rgb(245, 109, 132)',
 

},
 

## Relevant Projects of React Native

* [`月子食谱App`](https://github.com/liuhongjun719/react-native-FoodMenu) 界面侧滑

* [`贷贷助手`](https://github.com/liuhongjun719/react-native-DaidaiHelperNew) 比较完整的app项目

* [`车迷之家App`](https://github.com/liuhongjun719/FansHome) 比较完整的app

* [`南方周末App`](https://github.com/liuhongjun719/SouthWeekend) listview折叠，二级列表