基于React Native框架的天气管理移动APP系统设计与开发

摘要

随着移动通信技术和互联网的飞速发展，智能手机已经成为人们生活中不可或缺的一部分，今天，智能手机不仅仅是一个打电话发信息的通信工具，人们现在用智能手机来帮助处理生活中的各种问题，外出时，我们可以用手机上的导航APP来导航，帮助我们顺利到达我们想去的地方；购物时，我们可以直接用智能手机上的购物APP来在线购物；通过支付APP，我们可以直接通过网络支付各种费用；通过银行的APP我们可以通过手机直接处理财务相关的事宜，省去了去银行排队的麻烦。智能手机给人们在生活和工作上带来了极大的快捷性和便利性，在城市中生活的人们，智能手机几乎成为我们身体的一部分，人们已经离不开智能手机,所以设计并开发一个实用、方便的APP有着重要的意义和良好的市场前景。

本课题研究的是基于ReactNative框架开发一个天气管理APP，该APP主要运行在Android平台，通过一定的修改，也可以运行在IOS平台。此APP的目的是帮助用户随时随地的查询天气信息及天气变化情况，让生活更加舒适方便。本文详细讲述了基于ReactNative框架的天气管理APP的设计与开发，结合网络的天气数据，将准确的天气情况以友好的方式呈现给用户。

关键词　ReactNative 组件化开发 实时天气 APP  Android    

目录

摘要 I

第1章 引言 1

1.1 研究背景 1

1.2 国内外的研究状况及发展趋势 1

第2章 React Native框架 2

2.1 React简介 2

2.2 React、React.js和React Native的关系 2

2.3 React Native与其它移动技术的比较 2

2.4 React Native开发特点 3

2.5 React Native组件化开发 5

2.6 React Native的Props和State 6

2.7 React Native组件生命周期 7

第3章 ReactNative开发环境搭建 11

3.1 安装必须的依赖 11

3.2 Android开发环境 12

3.3 准备 Android 设备 15

第4章 MinimalismWeather极简天气APP设计思路 16

4.1 设计理念 16

4.2 设计宗旨 16

4.3 项目设计思路 16

4.4 设计思路示意图 17

第5章 MinimalismWeather极简天气APP的开发 18

5.1 项目分析 18

5.2 主界面 18

5.3 设置界面 20

5.4 城市选择界面 22

5.5 创建ReactNative的MinimalismWeather项目 23

5.6 数据接口的选择 24

5.7 天气数据信息的展示 31

5.8 下拉屏幕，刷新输的实现 35

参考文献 37

致谢 38