原文:React Native填坑之旅--ListView篇

列表顯示數據,基本什么應用都是必須。今天就來從淺到深的看看React Native的ListView怎么使用。筆者寫作的時候RN版本是 . 。 最簡單的 引入所需要的內置組件之類的就不多說了。 第一步,在constructor里設置數據源,並同時指定什么時候重新繪制一行,就是在這個時候 r , r gt r r 重繪。 之后,在state里面設置數據源。下面從網絡請求數據的時候state的作用就更 ...

2016-10-05 15:18 0 6067 推薦指數:

查看詳情

React Native之旅--Button

React過來,發現React Native(以下簡稱RN)居然沒有Button。隔壁的iOS是有UIButton的,隔壁的隔壁的Android里也是有的。沒有Button,就沒有點擊效果啊。這還真是讓人郁悶了。 什么叫Button。略去各種細節可以得出一個定義:可以處理用戶點擊,在用 ...

Mon Sep 26 01:43:00 CST 2016 0 11174
React Native之旅--布局

代碼在這里: https://github.com/future-challenger/petshop/tree/master/client/petshop/src/controller 回頭看看RN的之旅系列,發現一路寫下來都是我在開發中遇到的問題如何解決的。興之所至,不問順序。於是出現 ...

Fri Oct 21 08:24:00 CST 2016 2 11556
React Native之旅--Navigation

React Native的導航有兩種,一種是iOS和Android通用的叫做Navigator,一種是支持iOS的叫做NavigatorIOS。我們這里只討論通用的Navigator。會了Navigator,NavigatorIOS也就不是什么難事了。 本文所使用的是React Native ...

Fri Oct 14 04:32:00 CST 2016 3 12642
React Native之旅--Flow(番外)

flow不是React Native必會的技能,但是作為正式的產品開發優勢很有必要掌握的技能之一。所以,算是RN之旅系列的番外篇。 Flow是一個靜態的檢查類型檢查工具,設計之初的目的就是為了可以發現JavaScript腳本里不容易被發現的錯誤。在js開發的過程中,總會遇到一些問題。小的還可 ...

Tue Oct 25 22:15:00 CST 2016 1 2603
React Native之旅 -- FlatList

React Native里有很多種方法來創建可滾動的list。比如,ScrollView和ListView。他們都各有優缺點。但是在React Native 0.43里增加了兩種行的list view。一個是FlatList, 一個是SectionList。今天我們就來詳細了解一下 ...

Sun Nov 12 08:29:00 CST 2017 0 5136
React Native之旅 -- 使用react-navigation代替Navigator

Navigator已經被React Native廢棄了。也許你可以在另外的一個依賴庫里react-native-deprecated-custom-components里找到。不過既然官方推薦的是react-navigation那我們就來看看這個東西到底有什么好的,值不值得用。 一句話概括的話 ...

Wed Nov 08 06:55:00 CST 2017 0 5303
react native之旅

1. AwesomeProject keeps stopping 在使用安卓模擬器調試react native項目時報錯 “xxx keeps stopping” (xxx,項目名)。 起因是代碼里有一個地方屬性值寫錯了,應該是“space-around”,導致項目運行錯誤,這種情況下 ...

Sun Nov 26 07:32:00 CST 2017 0 2043
React Native之旅 -- 使用iOS原生視圖(高德地圖)

在開發React Native的App的時候,你會遇到很多情況是原生的視圖組件已經開發好了的。有的是系統的SDK提供的,有的是第三方試圖組件,總之你的APP可以直接使用的原生視圖是很多的。React Native提供了一套完善的機制,你可以非常簡單的用來包裝已有的原生視圖。 代碼地址:https ...

Mon Feb 27 17:15:00 CST 2017 1 1626
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM