说明:protocol.js 不是类,而是导出一组常量和两个派生名映射;deviceProtocol.js 里的 DeviceProtocol 类 才是运行时的协议协调层。下...
说明:protocol.js 不是类,而是导出一组常量和两个派生名映射;deviceProtocol.js 里的 DeviceProtocol 类 才是运行时的协议协调层。下...
本文以 miot-sdk RN插件 项目为例,完整展示从设备协议初始化、首次数据拉取,到 MobX 状态驱动 UI,以及与米家宿主(Native)交互的全部核心代码。 一、协...
一、React 状态驱动(触发组件重新 render) 这类更新的本质:状态变化 → React 调度更新 → 重新执行组件函数 → 虚拟 DOM diff → 提交到原生 ...
useRef 是什么 useRef(initialValue) 返回一个 在组件整个生命周期内保持不变的对象:{ current: initialValue }。更新 ref...
该插件目录中的home页面顶部有两个按钮(设备、菜谱),请帮我梳理并跟踪:在代码逻辑上,从调起插件开始是怎么跳转到菜谱页面的 1. 插件入口 index.js 用 MIOT ...
在 MobX 中定义 Store 有多种方式,最常用的是 Class 写法 和 对象字面量工厂函数写法。本文将分别用 stores/CounterStore.js 的完整代码...
在 React Native 开发中,跨组件共享数据、监听全局事件或持久化配置是常见需求。本文系统梳理了从原生 API 到第三方库的常用全局解决方案,每个工具均附带完整的调用...
Dimensions 是 React Native 提供的一个 核心 API 模块,用于获取设备的屏幕宽高、窗口尺寸或特定元素的尺寸。它的作用类似于 iOS 原生中的 UIS...
本文涵盖 StyleSheet 基础用法、所有常用属性、Flexbox 对齐机制、Margin 系列详解,并在每个综合示例中附上 简易图解,帮助直观理解布局效果。 一、Sty...
RN 自定义两个cell组件,并且处理数据源,如下: 两种通用的列表 Cell 组件(单行、双行) 模拟网络请求获取数据 定义数据模型并解析 在 FlatList 中使用这两...
React Native 的核心 UI 组件都直接映射到了 iOS 和 Android 的原生视图上,因此不仅能实现高性能和跨平台,还能提供一致的原生用户体验。常用的控件可以...
在 React Native(以及 React)中,函数组件必须返回一个有效的 React 节点,否则会报错。但普通的 JavaScript 函数(包括组件内部定义的辅助函数...
1. 概念定义 函数组件(Function Component) React 中定义组件的最常见形式:一个返回 JSX 元素的 JavaScript 函数。它可以: 接收 ...
1. 现象 在子组件中使用 PropTypes.func 声明一个回调属性(如 onLike): 但子组件中调用时却可以传入参数: 父组件即使定义 onLike 为无参函数,...
本文将从 iOS 开发者的视角,系统地介绍 React(Native)中的各种变量和参数形式,并通过完整示例演示 props(参数) 与 回调 的定义及使用。 1. Reac...
我们用一个计数器组件(使用 MobX + observer)示例,来说明 react 定义一个方法及这个方法调用过程。 第一步:安装依赖(假设你已经有了 React Nati...
区分一下,react(React.js) 和 react-native,这是两个不同层次的框架,类似于 swift 和 UIKit。 对比维度⚛️ react (React....
在 iOS 中,我们用 UIViewController 和 UINavigationController 来管理页面,而在 React Native(结合 React Na...
本文整合了 navigation 的传递机制与 React 中 props 混合传递的规则,通过代码示例说明常见场景。 1. 谁自动拥有 navigation? 只有通过 S...
1. 核心概念:props 是什么? props 是 React / React Native 中父组件向子组件传递数据的唯一方式(单向数据流)。 无论函数组件还是类组件,p...