原文:慢牛系列四:好玩的React Native

在上次隨筆 系列三 中,我試着用RN實現了一個Demo,感覺很不錯,當時遇到的問題這篇文章里基本都解決了,比如導航動畫問題,這篇文章里主要介紹RN的動畫,學會動畫以后,各種小創意都可以實現了 下面是我自己做的效果: 列表項滑動顯示操作按鈕 列表行滑出 K線頁面 轉場動畫 一 React Native動畫 RN的動畫實現類似Jquery和CSS 的動畫實現,設定某一屬性的輸入和輸出值,后台實現相關的 ...

2016-01-15 16:08 19 3550 推薦指數:

查看詳情

系列三:React Native實踐

上次發布了我的股票APP之后,有園友反饋有點卡,這個APP是基於Sencha Touch + Cordova開發的,Sencha本身是一個比較重的框架,在Chrome里運行性能還是不錯的,但是在Android的WebView里,性能受限於機器的配置,在我的小米2s里表現還行,在小米4s里開起來 ...

Thu Nov 26 16:59:00 CST 2015 12 7372
React Native 系列(八)

前言 本系列是基於React Native版本號0.44.3寫的。我們都知道,一個App不可能只有一個不變的界面,而是通過多個界面間的跳轉來呈現不同的內容。那么這篇文章將介紹RN中的導航。 導航 什么是導航? 其本質就是視圖之間的界面跳轉,例如首頁跳轉到詳情頁。在RN中有兩個組件負責實現 ...

Fri Aug 25 07:32:00 CST 2017 1 1628
React Native 系列(七) -- ListView

前言 本系列是基於React Native版本號0.44.3寫的。幾乎所有的App都使用了ListView這種組件,這篇文章將學習RN中ListView的平鋪樣式和分組樣式。 ListView平鋪樣式 ListView內部是通過ListViewDataSource這個對象顯示數據 ...

Sat Aug 12 00:30:00 CST 2017 2 3070
系列二:前端技術選擇

最近一直在糾結一件事,就是APP的性能問題,現在股票的APP是基於Sencha touch+Cordova的,性能問題肯定是有的,后來想基於Ionic再開發,性能應該會比Sencha好,但是畢竟是基於HTML5的,想有原生的體驗還是不行,最近關注了React Native,看起來這個東西不錯 ...

Sat Oct 17 01:32:00 CST 2015 1 1666
React Native 插件系列之PushNotificationIOS

1、背景   因業務需求,使用RN開發的APP需要支持本地通知,於是研究了一下;本身想找個造好的輪子(react-native-push-notification),但是她對IOS不處理,讓IOS使用PushNotificationIOS。 2、主要代碼   //取消指定的本地通 ...

Wed Aug 23 00:22:00 CST 2017 0 1884
React Native組件系列之NetInfo

這個組件已經在RN剛出來(倆平台同時支持)的時候就已經存在了,用法大家都已經很熟悉了,但是在0.48+版本中,出現了一些變化,前面的用法都會過期 主要完善了兩個方面的問題   - 目前的NetIn ...

Thu Oct 12 00:24:00 CST 2017 2 2927
React Native組件系列之ImageBackground

這個組件是在0.46.4新加入的一個組件,加入該組件的原因 https://github.com/facebook/react-native/commit/9637dd4a1b78d5f6da510b1b4ad10d45d67badbf 注意:該組件還未真正上完全實現下面的目的 ...

Mon Oct 09 23:53:00 CST 2017 0 9516
React Native 插件系列之lottie-react-native

1、背景   首先,什么是lottie?   Lottie是Airbnb開源的一個支持 Android、iOS 以及 ReactNative,利用json文件的方式快速實現動畫效果的庫。   其 ...

Sat Aug 26 01:37:00 CST 2017 0 1871
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM