参考大佬的文章，做的一个开源鸿蒙项目-GitCode口袋工具。项目源码：GitCode口袋工具-项目源码参考文章：A懿轩A-CSDN博客type=blog这里记录一下自己遇到的一些问题。

参考博主的文章，下面为博主链接。实现了 仓库列表展示（Star 列表）、网络层封装、仓库卡片组件 RepoItem、首页渲染与路由组织结构。如图所示：【开源鸿蒙跨平台开发学习笔记】Day07：React Native 开发 HarmonyOS-GitCode口袋工具开发-3-CSDN博客​如果显示的图片是这样的，是因为在Gitcode中作者未上传仓库的图片，原文章代码也没做使用默认图片占位的操作。

如果做一个App，使用原生技术，公司需要安卓团队、ios团队，随着鸿蒙的崛起还需要有鸿蒙团队,需要编写不同端的代码，要写多套。小公司难以承担这么多人的成本。那么有没有一套代码实现多端的技术呢？跨平台技术呼之而出，Flutter、KMP、React、Uniapp、Taro等跨平台技术随之涌现，目前生态、性能最好的仍要属Flutter。在开源鸿蒙训练营很多跨平台框架，我对Flutter比较感兴趣。因为

如果做一个App，使用原生技术，公司需要安卓团队、ios团队，随着鸿蒙的崛起还需要有鸿蒙团队,需要编写不同端的代码，要写多套。小公司难以承担这么多人的成本。那么有没有一套代码实现多端的技术呢？跨平台技术呼之而出，Flutter、KMP、React、Uniapp、Taro等跨平台技术随之涌现，目前生态、性能最好的仍要属Flutter。在开源鸿蒙训练营很多跨平台框架，我对Flutter比较感兴趣。因为

此项目基于上次的项目增加了自定义仓库列表卡片组件、自定义用户列表卡片组件、下拉刷新功能、上拉加载更多、数据分页管理。

此项目基于上次的项目增加了自定义仓库列表卡片组件、自定义用户列表卡片组件、下拉刷新功能、上拉加载更多、数据分页管理。

编译运行鸿蒙项目，每次都需要"npm run dev"编译，拷贝编译出来的"bundle.harmony.js"到鸿蒙项目里，特别麻烦。React官网有写鸿蒙热更新的方法，但还是看不懂。后面参考了两位老师的博客，最后实现出来了。如果不会搭建React鸿蒙环境的就看第一个链接。如果已经完成React的鸿蒙环境搭建的，请看第二个和第三个链接。如果还是看不懂，可以看看我这篇文章。第一个链接：开源鸿蒙-R

参考博主【不羁的木木】做的笔记，顺便把自己看不懂的地方梳理，写一篇博客。下面为博主链接：【开源鸿蒙跨平台开发学习笔记】Day04：React Native 开发 HarmonyOS-GitCode口袋工具开发-2-CSDN博客。

编译运行鸿蒙项目，每次都需要"npm run dev"编译，拷贝编译出来的"bundle.harmony.js"到鸿蒙项目里，特别麻烦。React官网有写鸿蒙热更新的方法，但还是看不懂。后面参考了两位老师的博客，最后实现出来了。如果不会搭建React鸿蒙环境的就看第一个链接。如果已经完成React的鸿蒙环境搭建的，请看第二个和第三个链接。如果还是看不懂，可以看看我这篇文章。第一个链接：开源鸿蒙-R

选择框住的运行按钮，重新编译运行即可，可以看到，我们已经成功获取到了数据。注意，如果没在gitcode的网站上设置头像，会如第二张图一样，像无法加载出来一样。我们只需要去下面这个网址设置自己的头像即可。用户设置 - AtomGit | GitCodet=P9T8t=P9T8t=P9T8t=P9T8。