說明：protocol.js 不是類，而是導(dǎo)出一組常量和兩個派生名映射；deviceProtocol.js 里的 DeviceProtocol 類 才是運行時的協(xié)議協(xié)調(diào)層。下...
發(fā)簡信
IP屬地：寧夏
-
useHooks 文件依賴關(guān)系
-
miot-sdk RN插件，數(shù)據(jù)流與狀態(tài)管理本文以 miot-sdk RN插件 項目為例，完整展示從設(shè)備協(xié)議初始化、首次數(shù)據(jù)拉取，到 MobX 狀態(tài)驅(qū)動 UI，以及與米家宿主（Native）交互的全部核心代碼。 一、協(xié)...
-
RN 觸發(fā)組件更新的方式
一、React 狀態(tài)驅(qū)動（觸發(fā)組件重新 render） 這類更新的本質(zhì)：狀態(tài)變化 → React 調(diào)度更新 → 重新執(zhí)行組件函數(shù) → 虛擬 DOM diff → 提交到原生 ...
-
RN 中的 useRef 再說明
useRef 是什么 useRef(initialValue) 返回一個 在組件整個生命周期內(nèi)保持不變的對象：{ current: initialValue }。更新 ref...
-
miot-sdk 從調(diào)起插件到進入一個子頁
該插件目錄中的home頁面頂部有兩個按鈕（設(shè)備、菜譜），請幫我梳理并跟蹤：在代碼邏輯上，從調(diào)起插件開始是怎么跳轉(zhuǎn)到菜譜頁面的 1. 插件入口 index.js 用 MIOT ...
-
MobX Store 的兩種寫法對比：Class vs 對象字面量
在 MobX 中定義 Store 有多種方式，最常用的是 Class 寫法 和 對象字面量工廠函數(shù)寫法。本文將分別用 stores/CounterStore.js 的完整代碼...
-
RN 全局狀態(tài)與單例工具完全指南
在 React Native 開發(fā)中，跨組件共享數(shù)據(jù)、監(jiān)聽全局事件或持久化配置是常見需求。本文系統(tǒng)梳理了從原生 API 到第三方庫的常用全局解決方案，每個工具均附帶完整的調(diào)用...
-
RN 中的Dimensions
Dimensions 是 React Native 提供的一個 核心 API 模塊，用于獲取設(shè)備的屏幕寬高、窗口尺寸或特定元素的尺寸。它的作用類似于 iOS 原生中的 UIS...
-
RN 中的 StyleSheet 樣式控制
本文涵蓋 StyleSheet 基礎(chǔ)用法、所有常用屬性、Flexbox 對齊機制、Margin 系列詳解，并在每個綜合示例中附上 簡易圖解，幫助直觀理解布局效果。 一、Sty...
-
RN 自定義一個組件
RN 自定義兩個cell組件，并且處理數(shù)據(jù)源，如下： 兩種通用的列表 Cell 組件（單行、雙行） 模擬網(wǎng)絡(luò)請求獲取數(shù)據(jù) 定義數(shù)據(jù)模型并解析 在 FlatList 中使用這兩...
-
RN 函數(shù)一定要有返回值嗎？
在 React Native（以及 React）中，函數(shù)組件必須返回一個有效的 React 節(jié)點，否則會報錯。但普通的 JavaScript 函數(shù)（包括組件內(nèi)部定義的輔助函數(shù)...
-
RN 函數(shù)組件與純函數(shù)的區(qū)別及用法
1. 概念定義 函數(shù)組件（Function Component） React 中定義組件的最常見形式：一個返回 JSX 元素的 JavaScript 函數(shù)。它可以： 接收 ...
-
React 中 `PropTypes.func` 為什么不校驗回調(diào)的參數(shù)簽名？
1. 現(xiàn)象 在子組件中使用 PropTypes.func 聲明一個回調(diào)屬性（如 onLike）： 但子組件中調(diào)用時卻可以傳入?yún)?shù)： 父組件即使定義 onLike 為無參函數(shù)，...
-
RN 參數(shù)變量、回調(diào)的定義及使用
本文將從 iOS 開發(fā)者的視角，系統(tǒng)地介紹 React（Native）中的各種變量和參數(shù)形式，并通過完整示例演示 props（參數(shù)） 與 回調(diào) 的定義及使用。 1. Reac...
-
一個計數(shù)器組件（使用 MobX + observer）
我們用一個計數(shù)器組件（使用 MobX + observer）示例，來說明 react 定義一個方法及這個方法調(diào)用過程。 第一步：安裝依賴（假設(shè)你已經(jīng)有了 React Nati...
-
React 工具 useState, useEffect, useRef, memo, useMemo
區(qū)分一下，react(React.js) 和 react-native，這是兩個不同層次的框架，類似于 swift 和 UIKit。 對比維度?? react (React....
-
RN 中創(chuàng)建并操作一個頁面的流程
在 iOS 中，我們用 UIViewController 和 UINavigationController 來管理頁面，而在 React Native（結(jié)合 React Na...
-
React Navigation 中 navigation 的傳遞與使用
本文整合了 navigation 的傳遞機制與 React 中 props 混合傳遞的規(guī)則，通過代碼示例說明常見場景。 1. 誰自動擁有 navigation？ 只有通過 S...
-
基于miot-sdk開發(fā)插件的啟動過程
1. 核心概念：props 是什么？ props 是 React / React Native 中父組件向子組件傳遞數(shù)據(jù)的唯一方式（單向數(shù)據(jù)流）。 無論函數(shù)組件還是類組件，p...