- 博客(973)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 ReactNative【实战】我的小红书【系列教程】（含开源代码地址）
https://gitee.com/sunshine39/my-red-bookhttps://blog.csdn.net/weixin_41192489/article/details/148924457https://blog.csdn.net/weixin_41192489/article/details/148977543https://blog.csdn.net/weixin_41192489/article/details/149097538https://blog.csdn.net/weixi
2025-07-10 15:48:37
646
原创 ReactNative【实战系列教程】我的小红书 5 -- 文章详情（含轮播图 ImageSlider，点亮红心动画 Heart，嵌套评论等）
用于对时间进行格式化。
2025-07-09 15:18:11
531
原创 ReactNative【实战系列教程】我的小红书 4 -- 首页（含顶栏tab切换，横向滚动频道，频道编辑弹窗，瀑布流布局列表等）
暂用的 mock 数据，解开注释，可访问真实接口。因数据是异步加载，需跟进其加载状态。在页面初始渲染时异步加载数据。数据来自 store。
2025-07-08 17:44:40
770
原创 ReactNative【实战系列教程】我的小红书 3 -- 自定义底栏Tab导航（含图片选择 expo-image-picker 的使用）
需从 “expo-router/ui” 中导入 TabList, Tabs, TabSlot, TabTrigger 实现在 TabTrigger 内自由设计每个 tab 项的元素和样式。更多详情可参考。
2025-07-03 17:05:14
435
原创 ReactNative【实战系列教程】我的小红书 1 -- 创建项目，自定义APP名称，图标，启动页，集成 Ant Design Mobile RN，封装 axios，定义接口，添加本地存储，状态管理
app.json"name": "我的小红书",自适应图标 assets/images/adaptive-icon.png网页图标 assets/images/favicon.pngapp 安装图标 assets/images/icon.png全部替换为下图（名称保持不变）若更改图标后，模拟机上未更新，则需清除模拟机上的缓存最终效果如下将 assets/images/splash-icon.png 改为启动页图片（此处仍用 log ，效果如下图）// 防止启动页自动消失。
2025-06-28 11:42:58
501
原创 React Native【实用教程】（含图标方案，常用第三库，动画，内置组件，内置Hooks，内置API，自定义组件，创建项目等）
return <Text>等级：{level}</Text>;return (<Text>用户名：{name}</Text>导入使用<UserInfoView name="朝阳" level={1} />
2025-06-23 18:05:21
921
原创 React Native【实战范例】 Tab 切换
要响应点击事件，需用 TouchableOpacity最左边和最右边的边框圆角实现添加 1 的左外边距，避免边框重合高亮样式在容器和文本上都要添加TouchableOpacity 上也有使用 useCallback 提升性能。
2025-06-23 15:34:46
316
原创 React Native【详解】动画
500, // 动画持续时间（毫秒）LayoutAnimation.Types.easeInEaseOut, // 动画类型LayoutAnimation.Properties.opacity // 要动画的属性支持的动画类型：spring、linear、easeInEaseOut、easeIn、easeOut支持的动画属性：opacity、scaleXY、translate、width、height。
2025-06-20 17:40:33
452
原创 React Native【详解】内置 API
返回键事件监听// 定义处理函数// 处理逻辑// 添加监听器// 移除监听器退出应用// 退出应用【实战】阻止返回键直接退出应用Alert.alert('确认退出', '确定要退出应用吗？', [{ text: '取消', onPress: () => null, style: 'cancel' },{ text: '确认', onPress: () => BackHandler.exitApp() },]);// 阻止默认行为。
2025-06-20 09:51:27
774
原创 React Native【详解】内置组件（含安全区域适配，避免键盘遮挡等）
TextInputunderlineColorAndroid="transparent" // 移除Android下划线selectionColor="red" // 选中文本颜色caretHidden={true} // 隐藏光标editable={false} // 只读placeholderTextColor="gray" // 自定义输入提示文本的颜色/><TextInputkeyboardType="email-address" // 电子邮件键盘。
2025-06-16 17:38:39
1102
原创 React Native【实战范例】 内置组件 modal 的使用（含对话框，底部弹出选择器）
【代码】React Native【实战范例】 内置组件 modal 的使用（含对话框，底部弹出选择器）
2025-06-16 14:18:31
236
原创 Electron-vite【实战】MD 编辑器【系列教程】（含开源代码地址）
含自研 Markdown 语法解析器，代码高亮和一键复制，本地浏览器打开超链接，待办列表同步修改，滚动同步高亮大纲，与编辑器同步滚动等。含自动生成大纲，大纲缩进，折叠大纲，滚动同步高亮大纲，点击大纲滚动等。含菜单封装，新建文件，打开文件，打开文件夹，保存文件，退出系统。含右键快捷菜单，重命名文件，删除本地文件，打开本地目录等。含工具条、自定义右键快捷菜单、快捷键编辑、拖拽打开文件等。
2025-06-11 17:10:20
283
原创 Electron-vite【实战】MD 编辑器 -- 预览区（含自研 Markdown 语法解析器，代码高亮和一键复制，本地浏览器打开超链接，待办列表同步修改，滚动同步高亮大纲，与编辑器同步滚动等）
/</</相关样式。
2025-06-11 16:52:24
599
原创 Electron-vite【实战】MD 编辑器 -- 大纲区（含自动生成大纲，大纲缩进，折叠大纲，滚动同步高亮大纲，点击大纲滚动等）
不同级别标题的缩进和折叠图标的实现按 level 值，渲染空白图标， level 值越大，缩进越多。仅当下一行标题的 level 更大，即有子标题时，显示大纲折叠图标相关样式相关变量根据 markdown 内容生成大纲在 MarkdownParser 方法中，遍历每一行时，将标题行转换为目标格式，存入 outlineList 中最终返回其中格式解析的方法 parseMarkdownHeadings 如下：切换大纲项的折叠状态点击大纲项滚动编辑区和预览区点击大纲项时
2025-06-11 15:32:02
930
原创 Electron-vite【实战】MD 编辑器 -- 编辑区（含工具条、自定义右键快捷菜单、快捷键编辑、拖拽打开文件等）
除了响应工具栏的快捷键，还需支持按下回车键时。所有的功能都是插入 markdown 语法。onBeforeUnmount 中。其他快捷编辑相关的方法同工具栏。onMounted 中。
2025-06-11 11:47:33
908
原创 Electron-vite【实战】MD 编辑器 -- 文件列表（含右键快捷菜单，重命名文件，删除本地文件，打开本地目录等）
根据搜索框的值 searchFileKeyWord 的变化动态计算 computed 过滤文件列表 fileList 得到 fileList_filtered ，页面循环遍历渲染 fileList_filtered。点击文件列表的文件名称，打开对应的文件。将文件从文件列表中移除（不会删除文件）文件搜索框的清空按钮点击事件。直接用 shell 打开。
2025-05-30 15:18:48
990
原创 Electron-vite【实战】MD 编辑器 -- 系统菜单（含菜单封装，新建文件，打开文件，打开文件夹，保存文件，退出系统）
在 const mainWindow 后。
2025-05-30 10:22:03
817
原创 MD编辑器推荐【Obsidian】含下载安装和实用教程
下载后，双击执行即可安装，打开后页面如下。可拖入笔记、白板、添加文字、外部网址等等。将其他笔记拖拽进入目标笔记即可。有链接关系的文件间会连线。
2025-05-20 10:15:39
710
原创 Electron Forge【实战】自定义菜单 -- 顶部菜单 vs 右键快捷菜单
【代码】Electron Forge【实战】自定义菜单 -- 顶部菜单 vs 右键快捷菜单。
2025-04-30 09:47:10
585
原创 Electron Forge【实战】桌面应用 —— 将项目配置保存到本地
深度监听配置变量，当页面配置发生改变时，触发 electron 的 updateConfig 事件，将新配置传给主进程。直接调用 configManager 的 get 方法即可。需借助 electron 的 IPC 通信从主进程中获取。因读取配置文件需要时间，在创建主窗口前，便开始加载。完整代码见上文，此处仅截取更新配置的代码。
2025-04-29 10:11:37
627
原创 vue3+TS【实战】国际化 Vue-i18n
/ 导入自定义的语言包 -- 英文和中文// 默认语言: 'zh', 即中文// 语言包// 英文en,// 中文zh})
2025-04-28 12:08:19
262
1dragVerifyImgChip.vue
2020-06-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人