本文以 miot-sdk RN插件 項(xiàng)目為例,完整展示從設(shè)備協(xié)議初始化、首次數(shù)據(jù)拉取,到 MobX 狀態(tài)驅(qū)動(dòng) UI,以及與米家宿主(Native...
一、React 狀態(tài)驅(qū)動(dòng)(觸發(fā)組件重新 render) 這類更新的本質(zhì):狀態(tài)變化 → React 調(diào)度更新 → 重新執(zhí)行組件函數(shù) → 虛擬 DO...
useRef 是什么 useRef(initialValue) 返回一個(gè) 在組件整個(gè)生命周期內(nèi)保持不變的對(duì)象:{ current: initia...
該插件目錄中的home頁(yè)面頂部有兩個(gè)按鈕(設(shè)備、菜譜),請(qǐng)幫我梳理并跟蹤:在代碼邏輯上,從調(diào)起插件開始是怎么跳轉(zhuǎn)到菜譜頁(yè)面的 1. 插件入口 i...
在 MobX 中定義 Store 有多種方式,最常用的是 Class 寫法 和 對(duì)象字面量工廠函數(shù)寫法。本文將分別用 stores/Counte...
在 React Native 開發(fā)中,跨組件共享數(shù)據(jù)、監(jiān)聽全局事件或持久化配置是常見需求。本文系統(tǒng)梳理了從原生 API 到第三方庫(kù)的常用全局解決...
Dimensions 是 React Native 提供的一個(gè) 核心 API 模塊,用于獲取設(shè)備的屏幕寬高、窗口尺寸或特定元素的尺寸。它的作用類...
一張卡片布局的描述 完整代碼實(shí)現(xiàn) StyleSheet 關(guān)鍵點(diǎn)解析(針對(duì)新布局) 1. imageTitleRow 實(shí)現(xiàn)圖片與標(biāo)題同行 flex...
RN 自定義兩個(gè)cell組件,并且處理數(shù)據(jù)源,如下: 兩種通用的列表 Cell 組件(單行、雙行) 模擬網(wǎng)絡(luò)請(qǐng)求獲取數(shù)據(jù) 定義數(shù)據(jù)模型并解析 在...