react-native 简天气——仅仅一个天气而已

最新推荐文章于 2024-06-22 10:57:02 发布
最新推荐文章于 2024-06-22 10:57:02 发布
阅读量1.3k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oChaoJiNanHai1/article/details/78790755
版权

项目下载

项目地址： ihewro/React-Native-Weather

Android端APK下载地址： https://www.pgyer.com/simpleWeather
IOS端可以直接在模拟器上运行，没有打包

欢迎给Star 、fork 、pl~

截图

IOSAndroid1Android2Android3

特色

  • 简单，没有任何广告
  • 支持全国3000+城市查询
  • 白天黑色自动切换背景图片
  • 编不下去了 ……

系列笔记

以下5篇笔记都是在初学者的角度写的，可能有错误或者疏漏，请指正

（正在整理中……）

  1. 认识第一个react-native应用结构
  2. 布局篇——写出简单漂亮的布局
  3. mobx——组件间的数据交流
  4. storage——本地数据的存储与管理
  5. 打包、发布你的应用
今晚月光很美
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Weather-App-React-Native：使用React Native进行天气预报
02-19
Weather-App-React-Native：使用React Native进行天气预报
antd + react model自定义footer_React实战之React+Redux实现一个天气预报小项目
weixin_39623805的博客
10-27 282
引言经过一段时间的React学习，React和Vue的开发确实有很大的不同，但是都是MVVM框架，因此上手没有很大的难度，这次用React+Redux开发一个天气预报小项目。源码地址：https://github.com/BeichenloveNancy/React-study/tree/master/weather技术栈前端React: 用于构建界面的MVVM框架Redux: React的集中状...
React天气预报
最新发布
2301_77216323的博客
06-22 262
{city.name}天气: {weatherData.weather}</p><p>城市: {weatherData.city}</p><p>正在获取天气信息...
react-tencent-weather:react天气组件
05-25
react天气组件 体验地址: 文档： 特点： 使用腾讯天气接口 支持：逐小时预报/7日天气预报/生活指数 支持IP定位，使用 支持服务端渲染 install npm i react-tencent-weather --save 运行demo: git clone https://github.com/douyacun/react-tencent-weather.git npm install npm start 本地浏览器打开 LICENSE MIT@. 关注微信公众号
react-weather-widget:使用React创建的一个简单的天气小部件
05-14
React天气小部件 该项目使用React构建了一个Weather Widget，旨在提供与Google搜索中所示功能相似的功能。 这是为了React学习的目的。 因此，可能很多实施不当，请多多包涵 :grinning_squinting_face: 。 Google搜索结果中的天气小部件 当前实施 还有很多事情要做... 如何使用 抓回购 将OpenWeatherMap密钥添加到 如果未提供密钥，则使用模拟数据进行显示。 const OPEN_WEATHER_MAP_KEY = '' ; 安装 yarn install 在浏览器中启动并运行 yarn start 建立生产代码 yarn build
react-native-rename：仅用一个命令即可重命名react-native应用
01-30
只需一个命令即可重命名react-native应用 该软件包假定您使用react-native init创建了react-native项目。 注意：此软件包不会尝试正确重命名构建工件，例如ios/build或Cocoa Pod安装目标。 重命名项目后，您应该...
react-native-gl-image-filters:使用gl-react的React-Native图像滤镜
05-01
react-native-gl-image-filters 在描述性VDOM范例中，React Native的OpenGL绑定可在图像和组件上实现复杂的效果。 您可以使用预定义的过滤器： 模糊 对比 饱和 亮度 色调 消极的 棕褐色 锐化 温度 接触。 gl-...
react-native-web-linear-gradient:用于Web实现React-native-linear-gradient的React Native
05-17
react-native-web-linear-gradient 用于Web实现React-native-linear-gradient的React Native 入门 $ npm install react-native-web-linear-gradient --save 别名打包您的webpack配置中： resolve: { alias: { ...
react-native-storage：react-native和浏览器的本地存储包装器。 支持大小控制，自动过期，远程数据自动同步以及一次查询中获取批处理数据
02-05
React本机存储 这是用于响应本机应用程序（使用AsyncStorage）和Web应用程序（使用localStorage）的本地存储包装。 语法，承诺异步加载，并经过充分测试。 查看中文文档 ...react-native link @react-native-c
react-native-star-rating：一个React Native组件，用于生成和显示交互式星级
02-05
一个React Native组件，用于生成和显示交互式星级。 与iOS和Android兼容。 目录 安装 安装react-native-star-rating及其依赖 npm install react-native-star-rating --save 要么 yarn add react-native-star-rating...
react-weather-widget:用React.js编写的一个简单的天气小部件
05-21
项目介绍 作为纽约客，我们发现天气变化是生活的一部分。 为了每天都为惊喜做好准备，知道这一天将会带来什么会有所帮助。 创建一个React / Flux应用程序以预测天气并建议可能需要的衣服或配件。 目标 实施用于实时更新天气的应用程序 显示高级周视图 显示日视图 通过活动和温度描述天气 提供当天的服装或配饰 时间顺序 期望 使用节点包管理 基于React和Flux框架的基础应用程序 利用获取数据 用Mocha或Jest测试 快速开始 $ npm install $ npm run watch 可以通过在浏览器中访问http://localhost:8080来访问该应用程序 测验 $ npm test
react-weather-app:显示您所在地区的当前天气信息
03-06
React天气应用程序 显示您所在地区的当前天气信息。 使用的技术 React，Font Awesome和Bootstrap 5 Alpha，Open Weather Map API，Geolocation API 链接 目前正在研究 搜索栏 笔记 不能使用Weatherstack API。 API端点不使用HTTPS
react-open-weather:React 开放天气是一个 React 组件加载来自各种天气提供商的预测数据（目前只有 OpenWeather 和 WeatherBit）
08-04
React开放天气 React 开放天气是一个从和加载预测数据的 React 组件。 版本 1 该组件已完全重构，现在 UI 呈现与天气提供者完全分离，以允许使用任何天气数据源，该组件目前带有 2 个天气提供者（WeatherBit 和 OpenWeather），您可以轻松创建自己的提供者并提供数据到组件，这两个提供者被构建为一个自定义的React钩子 WeatherBit 提供程序（useWeatherBit） OpenWeather 提供程序（userOpenWeather） 移除了对天气图标库的依赖，转而使用 SVG 图标 移除了对 momentjs 的依赖 允许自定义主题使用您的颜色设置组件样式 修复了 0.6 版本的一些主要问题 未来将添加更多提供者，请随时向任何允许免费计划的天气提供者发起拉取请求。 对于 0.6 版，请在此处找到旧版 依赖关系 React 16+ 安装
weather-react:一个带有OpenWeather API的简单React天气预报应用程序
04-14
Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。 有关更多信息，请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。 您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 yarn eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。 此命令将从您的项目中删除单个生成依赖项。 相反，它将所有配置文件和传递依赖项（webpac
re-weather:涂料React天气组件
05-18
重新天气 一个获取js天气的软件包。 特征 没有设计。 只是API包装器。 支持openweathermap API 可扩展到更多外部API 仅关注数据。 正在安装 通过npm安装： npm install re-weather --save 快速范例 这个例子展示了如何在React.js中使用重天气将其数据设置为API。 ReWeather ( { token : "This-is-openweathermap-api" , city : "Tehran" } ) . then ( weather => this . setState ( { weather } ) ) ; Dociumention 当前天气数据：getCurrent（） 将获得当前天气，阅读以了解更多信息。 它将返回如下内容： { "coord" : { "lo
React Native天气预报APP
lxyoucan的博客
06-01 315
expo扫码运行 或者复制下面地址。 exp://exp.host/@lxyoucan/weather-ts 效果展示 同时显示多个城市的天气情况，并按温度进行排序 点击任何一个城市，显示天气详情信息 项目地址 https://github.com/lxyoucan/weather 如何运行代码 安装expo-cli npm install --global expo-cli 运行 cd weather #首次需要安装依赖，以后就不需要了 yarn install yarn start .
用高德地图获取位置并自动获取天气 react-native-smart-amap-location
LQ0611的博客
02-01 4047
本模块讲述的是自动获取当前位置，并获取当前天气   思路：1.获取到当前位置；2.根据当前位置去获取天气 第一步：获取到当前位置 我这里用的是高德地图react-native-smart-amap-location这个组件获取当前位置 具体操作： Android部分： 需要用到两个组件， 安装： npm install react-native-smart-amap-lo...
react自己封装一个天气组件
qq_39699953的博客
10-12 952
react中封装一个天气组件
React-Native国际化实践：react-native-i18n库解析与使用
"React-Native-i18n是一个用于React-Native应用的全球化多语言切换工具库，方便开发者实现应用程序的国际化。它支持iOS和Android平台，并且无需原生模块，具有良好的可移植性。库的使用主要包括安装和在项目中的应用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值