React-360 二次开发的一些心得

栏目: 服务器 · 发布时间: 6年前

内容简介:前面花了一些时间介绍因此我们首先需要去他们 Github 上 fork 一份,

react-360 二次开发的一些心得

前面花了一些时间介绍 《React-360 源码阅读 - 一张图带你理解 React-360 结构》 ,有兴趣可以阅读下。但是 React-360 相对我们而言,目前也还不是足够稳定,以及有的需求点他们也并未实现,因此很有可能我们需要进行二次开发;

因此我们首先需要去他们 Github 上 fork 一份,

https://facebook.github.io/react-360/

我们 clone 到本地的时候,可以通过相对目录来实现我们项目对二次开发的 React-360 的引入了。 然后我们在本地项目里通过软连接来实现 node_module 的文件替换:

cd node_modules && rm -rf react-360-web

# 建立 react-360-web, 目录根据实际情况传入
ln -s ../../react-360/React360 react-360-web

初次之外,我们需要在 rn-cli.config.js 引入我们的文件,要不然会提示

unable to reoslve "react-360-web" in module map

大致这样的字样,

编辑 rn-cli.config.js 这样的字样

// rn-cli.config.js

...
function getRoots() {  
  var root = process.env.REACT_NATIVE_APP_ROOT;
  if (root) {
    return [path.resolve(root)];
  }
  return [path.resolve(__dirname), path.resolve('../react-360')];
}

这样你就可以看到使用自己的 react-360 的框架了。

还会有另外一个问题,就是如果你重新安装了,重启可能会遇见

unable to resolve three module in module map and in directories

记得这个时候在启动命令的时候我们需要添加 --reset-cache

node node_modules/react-native/local-cli/cli.js start --port 8081 --reset-cache

确保 自己 master 代码的高质量,因为你可以在 dev 上添加自己的业务代码,但是 master 代码最好确保每次 merge 可以提到官方的 PR 这样,也是对社区的一个反馈。


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

微机原理与接口技术

微机原理与接口技术

李文英、李勤、刘星、宋蕴新 / 清华大学出版社 / 2001-9 / 26.00元

《高等院校计算机应用技术规划教材•应用型教材系列•微机原理与接口技术》是“高职高专计算机系列教材”之一。全书包括微机原理、汇编语言、接口技术三部分内容。微机原理部分讲述了80x86的内部结构及工作原理、半导体存储器及其系统、微型机总线结构等。汇编语言部分讲述了指令系统、编程技巧。接口技术部分讲述了中断系统、中断控制器、并行接口、串行接口、DMA控制器、定时器,以及A/D、D/A转换器等常用芯片的硬......一起来看看 《微机原理与接口技术》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

SHA 加密
SHA 加密

SHA 加密工具

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具