# React-native

**Repository Path**: dukangbuilder/React-native

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-04-08
- **Last Updated**: 2022-04-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 自己学习react-native途中做的一点小东西，都比较简单，记录下自己的学习历程
  
# Day1 a simple calculator for Android by DK
第一个是一个简易的计算器apk，由于本本是windows，所以只做了安卓版本的，IOS的暂时不考虑，本来想实现比较酷炫的动态效果，最后觉得没太大必要，
浪费时间又不实用，所以只做了简单的计时，停止计时，记录时间和清空记录时间这4个功能。  
![pic1](./simpleCalculatorImg/1.png)
![pic1](./simpleCalculatorImg/2.png)
![pic1](./simpleCalculatorImg/3.png)
  
# Day2 a newsApp for Android by DK
第二个是一个简单的新闻apk，借用了大佬的免费接口获取真实新闻，模仿了现在的app现状，加入了启动时候的广告页，done效果：广告页延时跳过，点击跳过，新闻页自动获取新闻，每页展示10条新闻（包括图片，标题和时间），下拉刷新10条新的新闻。todo效果：下拉刷新的蒙版层，整体样式优化，下拉查不到数据的展示语。  
![pic1](./newsAppImg/1.png)
![pic1](./newsAppImg/2.png)
![pic1](./newsAppImg/3.png)
  
# Day3 a waterfalls flow imageApp for Android by DK
第三个是一个简单的美图apk，借用了大佬的免费接口获取真实美图，模仿了现在的app现状，加入了启动时候的广告页，done效果：广告页延时跳过，点击跳过，美图页自动获取美图，每页展示10条美图，下拉刷新10条新的美图。todo效果：下拉刷新的蒙版层，整体样式优化，下拉查不到数据的展示语，美图样式瀑布流（想用FlatList实现，结果就成了如图的样式，感觉不够完美，之后花时间完成瀑布流布局）  
![pic1](./imageAppImg/1.png)
![pic1](./imageAppImg/2.png)
![pic1](./imageAppImg/3.png)
  
# Day4 laughCloud for Android by DK  
测试账号: ceshi123  
测试密码： admin123  
第四个是集合了广告页面，登录页面，注册页面，首页StackNavigation,TabNavigation,新闻板块，美图板块，段子视频板块，天气查询板块，我的信息板块，全部功能已经正常，登录注册采用了大佬提供的免费真实接口，可以自行注册账号进行登录，新闻板块实时更新，美图板块可以保存图片，段子视频板块是每日推荐时间也实时更新，可以说这个app包含了我目前所掌握的react-native所有知识，想入门学习react-native的小伙伴可以整体看看，觉得不错的话不要忘了给我点个star噢。  
![pic1](./laugnCloudImg/1.png)
![pic1](./laugnCloudImg/2.png)  
![pic1](./laugnCloudImg/3.png)
![pic1](./laugnCloudImg/4.png)  
![pic1](./laugnCloudImg/5.png)
![pic1](./laugnCloudImg/6.png)  
![pic1](./laugnCloudImg/7.png)
![pic1](./laugnCloudImg/8.png)  
![pic1](./laugnCloudImg/9.png)