原创 【React Native】JavaScript 中 bind 方法

這個問題其實是一個 JavaScript 中的問題。JavaScript中jQury的bind方法爲選定元素添加事件處理程序,規定事件發生時運行的函數。   語法爲: $(selector).bind(event,data,fun

原创 [React Native] 動畫 · LayoutAnimatd 和 setNativeProps

LayoutAnimation 對於一些既定的界面元素,圖片、文字、滾動視圖等動畫效果,我們會優先選擇 Animated 來進行處理。但是如果你的動畫效果需要改變佈局,涉及到其他的 View 或者節點元素。那麼就應該優先考慮 La

原创 [React Native] 動畫 · Animated

[React Native] 動畫 · Animated 如果要在一個 React Native 應用中添加動畫效果,首先考慮的就是官方提供的 Animated 。通過定義輸入和輸出的動畫狀態值,調用 start/stop 方法就

原创 [React Native]基礎-父子組件之間的傳值和函數調用

組件的複用是 React 中非常重要的一個設計,使得界面佈局的重用十分便捷,我們可以根據自己的需要來自定義各種組件,這對於結構相似的 UI 構建是很友好的。 所以經常我們會出現如下的代碼結構(其中的 MyComponent 是自定

原创 CSS - position

在 CSS 中,position 是實現元素定位的一種重要方式。使用定位的元素層疊級別比浮動會更高,採用定位來控制元素位置會更加容易。 一般我們使用定位,是通過使用定位模式和邊偏移量來確定元素位置的。 定位模式一共有如下: st

原创 【瓣芽·Banya】React Native 構建的仿豆瓣應用

今天介紹一個用 React Native 創建的應用,集合了豆瓣電影,圖書等信息展示功能的 app。 github 地址 → 【瓣芽·Banya】 項目使用了react-navigation 做路由。redux 做部分狀態管理,r