起因太长了，写完了回顾了一下，我还是选择用分 section 的方法方便跳过。

之前在** 中其实已经提过环境配置的问题，但是换了电脑发现又出问题了，就干脆重新开个笔记记录一下好了快捷键的话，好像 expo 版本不一样也不太一样，我现在用的版本是：~54.0.12。

这里假设你已经知道一些 React 的知识，因此关于 JSX 等 React 基础这里不会过多介绍。

一些常用组件的介绍，React Native 毕竟使用 React 实现，所以写 RN 的代码其实和写 web 差不多，这里就不多介绍了。唯一需要注意的一点就是，所有 RN 使用的组件都需要从 RN 导入，因为 RN 需要将代码编译成原生 ios/android 组件，所以没办法像网页版一样直接使用div这些组件。

这一段主要讲一些关于 Navigation 的用处，Navigation 有点类似于网页的导航，起到在 app 中切换页面的用途，使用的包为。是一个功能很强大的库，常用的导航功能都有包含，可以搭配 expo 使用也可以单独与 react native 一起使用。这里会简单介绍一下 Stack（点击页面中的组件进行跳转）和 Drawer（菜单栏，类似于网页开发的 hamburger）。

Demo 如下：算是一个用到现在对使用过的组件和 API 进行一个……阶段性总结吧。

总体上来说这次重构的效果还是挺好的，完成了：测试代码的添加虽然是从 redux 开始，不过我们终于开始写测试了……代码更加的模块化使用 redux 集中化数据这一部分其实也减少了一些重复调用的代码，毕竟数据和页面也存在 1-to-many 的情况单个页面开发速度提升 50%之前简单的页面实现周期大概是一周左右(5-6 天)，现在因为代码已经封装好了，所以实现周期提速到了 2-3 天现有的代码量大概

这里的记录主要是跟我们的项目相关的一些本地运行/测试，云端用的 keycloak 版本不一样，不过本地我能找到的最简单的配置是这样的。

这里主要实现的部分继续下去，对 Blockchain 这个对象有一些修改，如果使用 TS 的话可能要修改对应的 interface，但是如果是 JS 的话就无所谓了。需要安装的依赖有：express现在的 express 已经不内置 body-parser，需要作为单独的依赖下载request不下载会报错，是使用 request-promise 所需要的依赖和已经 deprecated 了，具体

学习的最后一部分了，完整的资源在这里：https://download.csdn.net/download/weixin_42938619/87765530，有需求的可以自取。最后一部分是增加一些可视化的功能，完整实现后如下：HTML 部分是用 Angular 写的，Angular 的学习不在讨论的范围内，所以这里会将剩下的一些功能补全就是了。这里主要接收一个 blockId，随后通过 find