logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

React Native 鸿蒙跨平台开发:useCallback 和 useMemo

: T;接受一个泛型参数T,表示回调函数的类型callback:需要记忆化的回调函数deps:依赖项数组返回值:与回调函数类型相同的函数TuseMemo接受一个泛型参数T,表示返回值的类型factory:计算函数,返回值类型为Tdeps:依赖项数组返回值:类型为T的值。

文章图片
#react native#harmonyos#react.js
React Native 鸿蒙跨平台开发:useState 和 useEffect 作用

SuseState接受一个泛型参数S,表示状态的类型可以是一个值,也可以是一个返回值的函数(惰性初始化)返回一个元组,第一个元素是状态值,第二个元素是更新状态的函数effect:副作用函数,可以返回一个清理函数deps:依赖项数组,可选返回值:void// 使用示例return (<View><TouchableOpacity onPress={reset}><Text>重置</Text></To

文章图片
#react native#harmonyos#react.js
React Native 鸿蒙跨平台开发:Notify 消息提示

适配不同的业务场景,可通过修改return {icon: '✓', // 自定义图标return {icon: '✕', // 自定义图标// ... 其他类型。

文章图片
#react native#harmonyos#react.js
React Native 鸿蒙跨平台开发:Notify 消息提示

适配不同的业务场景,可通过修改return {icon: '✓', // 自定义图标return {icon: '✕', // 自定义图标// ... 其他类型。

文章图片
#react native#harmonyos#react.js
React Native 鸿蒙跨平台开发:虚拟数字键盘 鸿蒙实战

适配不同应用的主题色,可通过修改styles// 修改数字按键背景色为浅蓝色系// 修改确认按钮为绿色系(成功色)// 修改功能按键为红色系(警告色)

文章图片
#harmonyos#react native#华为
React Native 鸿蒙跨平台开发:虚拟数字键盘 鸿蒙实战

适配不同应用的主题色,可通过修改styles// 修改数字按键背景色为浅蓝色系// 修改确认按钮为绿色系(成功色)// 修改功能按键为红色系(警告色)

文章图片
#harmonyos#react native#华为
React Native 鸿蒙跨平台开发:加载进度条 鸿蒙实战

按出现频率排序,问题现象贴合开发实际,解决方案均为「一行代码/简单配置」,零基础可直接套用,所有方案均为鸿蒙端专属最优解,彻底规避所有进度条相关的样式变形、动画卡顿、遮罩失效等问题,,遮罩层覆盖整个页面,层级置顶,加载过程中页面不可操作,进度条居中展示,加载完成后自动隐藏遮罩层和进度条,兼顾加载反馈与页面防误触。属性,按「当前进度/总进度」的比例展示宽度占比,搭配百分比文字,实现精准的进度可视化展

文章图片
#react native#harmonyos#react.js
React Native 鸿蒙跨平台开发:搜索框(带防抖)

这是本次实战的重中之重当一个高频触发的事件(如输入框输入),在指定的「延迟时间」内没有再次触发时,才执行对应的业务逻辑;如果在延迟时间内再次触发,则重新计时。

文章图片
#react native#react.js#javascript +1
到底了