2. 程式人生 > >react-native 簡天氣——僅僅一個天氣而已

react-native 簡天氣——僅僅一個天氣而已

阿新 • • 發佈：2019-01-28

專案下載

歡迎給Star 、fork 、pl~

截圖

IOS Android1 Android2 Android3

特色

  • 簡單，沒有任何廣告
  • 支援全國3000+城市查詢
  • 白天黑色自動切換背景圖片
  • 編不下去了 ……

系列筆記

以下5篇筆記都是在初學者的角度寫的，可能有錯誤或者疏漏，請指正

（正在整理中……）

  1. 認識第一個react-native應用結構
  2. 佈局篇——寫出簡單漂亮的佈局
  3. mobx——元件間的資料交流
  4. storage——本地資料的儲存與管理
  5. 打包、釋出你的應用

相關推薦

react-native 簡天氣——僅僅一個天氣而已

專案下載 歡迎給Star 、fork 、pl~ 截圖 IOS Android1 Android2 Android3 特色 簡單，沒有任何廣告 支援全國3000+城市查詢 白天黑

React Native：自定義一個導航欄，改變狀態列背景，隱藏狀態列

設計開發過程中，導航欄都會有所不同，這時候使用RN就需要自定義一個想要的導航欄了，RN中文網有講專門ios的導航欄（NavigatorIOS），可以不用自定義。 首先定義自定義導航欄的一些屬性的約束，記得npm install --save prop-types然後引入import Prop

React Native 從零到一個小專案

前陣子開始學習 React Native，一個人摸滾帶爬的也算是能寫個 小專案 了，在這裡分享一下自己從零開始學習的過程，也推薦一些比較優秀的學習資源，讓大家學習過程可以提高一些效率。 在路上 一、環境搭建和 IDE 選型 React Native 環境搭建可以看 

用react native 做的一個推酷client

master 數據 post use his 代碼 ren ref xcode 用react native 做的一個推酷client 僅供大家參考。僅僅為拋磚引玉。希望大家能以此來了解react。並編寫出很多其它的優質的開源庫，為程序猿做出貢獻。 用

爬取一個天氣預報結合微信公總號發送

verify apple ade urn 1.5 pytho elf 二維碼 decode 最近看見我的一個朋友些的一個爬取天氣預報的爬蟲不錯，後來發現每次執行發送的時候非常的不方便，每次都要掃描二維碼，就想起了以前zabbi公總號的方法傳送天氣預報信息：/test cat

兩天擼一個天氣應用微信小程序

字段 範圍 path 時間 lan let 依次 方法 決定 這是一個完整的已經線上運行的天氣應用小程序，點擊可查看源碼，可隨意 star。也可以掃描下方的小程序碼直接體驗。 效果圖： 說明 鳴謝：pure 天氣 APP：首頁樣式借鑒了 pure天氣 APP。如侵刪。

我的第一個react native

配置 但是 如果 xcode 需要 第一個 並不是 之前 選擇 雖然react native出來了很久，但是自己一直因為各種原因沒有接觸學習，中間嘗試過一次，但是因為復雜的環境配置而放棄了。現在，終於因為公司的項目不得不去學習了，當然了，再配置開發環境上面，我還是懵懵的，網

一個資深iOS開發者對於React Native的看法

本文轉自：http://blog.csdn.net/zhe13/article/details/48439967?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io 當我第一次嘗試ReactNative的時候，我

React Native之函式作為引數傳遞給另外一個函式去呼叫

1 用法 我們一般喜歡把js裡面的函式作為引數傳遞給另外一個函式,然後再呼叫這個函式,有點像C語言裡面的函式指標         2 程式碼測試 寫了一個函式,2個引數分別是函式,然後更具資料決定呼叫哪個函式 /** *

一個標準的 react-native 元件

前言：react-native開發的app，雖然說是相容 android 和 ios 兩端；但其框架本身的設計思想有很多還是和前端類似的（畢竟是 react 的衍生產物）；其開發模式主要還是元件化！ 今天，來總結一下，一個 react-native 標準的元件包括哪些元素： 標準的元件完

一個RNDemo(React Native 0.57.3 + ES6)實現(包含RN與原生相互跳轉和通訊)

一個RNDemo(React Native 0.57.3 + ES6)實現(包含RN與原生相互跳轉和通訊) 原始碼下載地址 RNDemo(RN0.57.3+ES6) iOS原生專案(Objective-C)整合React Native(0.57.3版本)圖文教程–(1)基本環境

動手建立一個自己的「React native」原生模組

前言 我們在使用RN的時候，會發現RN提供了很多Module供JS呼叫，這些Module能夠滿足我們一些基礎的應用場景，但是在實際的專案中，必定會有一些互動邏輯需要我們自己去實現，這時候就需要我們自定義一些Module供JS呼叫，那麼怎麼才能讓JS呼叫到我們自定義的Module呢？ 下面我們就一步步的去實現

初始化一個react-native專案

npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global npm install

React Native 一個小專案其中一些主要功能實現 （頂部導航欄（可滑動）,網路解析，上拉重新整理，下拉載入）

//網路解析 import React, { Component } from "react"; import { View, Text, TouchableOpacity } from "react-native"; import RefreshListView, { Re

動手封裝一個React Native多級聯動

背景 肯定是最近有一個專案，需要一個二級聯動功能了！本來想封裝完整之後，放在github上面賺星星，但發現市面上已經有比較成熟的了，為什麼我在開發之前沒去搜索一下（專案很趕進度），淚崩啊，既然已經封裝就來說說過程吧 任務開始 一. 原型圖或設計圖 在封裝一個元件之前

Flutter實戰2 --- 寫一個天氣查詢的APP

程式碼github地址：github.com/koudle/GDG_… 前面一篇文章Flutter實戰1 --- 寫一個天氣查詢的APP ,實現了一個顯示城市、溫度、天氣、溼度的介面，但是這個介面只有一個顯示的功能，沒有任何可互動的地方，本篇文章繼續完善查詢天氣的APP的功能。 增加兩個功能： 新

從入門到上線一個天氣小程序

res 允許 The pin vid reg das 字符 justify 作者：wuwhs segmentfault.com/a/1190000017388333 前言 學習了一段時間小程序，大致過了兩遍開發文檔，抽空做個自己的天氣預報小程序，全當是練

用React-Native+Mobx做一個迷你水果商城APP

前言最近一直在學習微信小程式，在學習過程中，看到了wxapp-mall這個微信小程式的專案，覺得很不錯，UI挺小清新的，便clone下來研究研究，在看原始碼過程中，發現並不複雜，用不多的程式碼來實現豐富的功能確實令我十分驚喜，於是，我就想，如果用react-native來做一個類似這種小專案難不難呢，何況，寫

React Native基礎&入門教程：以一個To Do List小例子，看props和state

本文由葡萄城技術團隊於部落格園原創並首發 轉載請註明出處：葡萄城官網，葡萄城為開發者提供專業的開發工具、解決方案和服務，賦能開發者。 在上篇中，我們介紹了什麼是Flexbox佈局，以及如何使用Flexbox佈局。還沒有看過的小夥伴歡迎回到文章列表點選檢視之前的文章瞭解。 那麼，當我們有了基本

iOS7 最佳實踐：一個天氣應用案例（上）

在這個兩部分的系列教程中，您將探索如何使用以下工具和技術來建立自己的App： 本教程專為熟悉基本知識的、但還沒有接觸到太多高階主題的中級開發者而設計。本教程也是想要去探索Objective-C函式程式設計一個很好的開始。 開始 開啟Xcode並執行File\New\Proj