What learned from an open github project

Last year, I have tried to finish an interesting react-native project on my GitHub. React-native-percentage-circle is a component which supports you to define your percent data 详情 »

解决 React Native TypeError: babelHelpers.typeof is not a function

React Native有的时候会出现一些比较奇葩的问题,比如今天这次遇见的,运行 react-native start 然后模拟器打开就是这样红色的错误。😂😂😂 宝宝可是什么也没有动过,突然就坏了。 错误内容就是: TypeError: babelHelpers.typeof is not a function. (In 'babelHelpers.typeof(target)', 'babelHelpers.typeof' is undefined) 详情 »

【译】带你进入React Native 内部通信

原文地址 : https://tadeuzagallo.com/blog/react-native-bridge/ @ Tadeu Zagallo 这篇文章主要希望大家能够理解 React Native的一些基本原理,我们会聚焦在 React Native内部 native 与 JS之间的通信问题。 主线程 再说其他事情前,我们需要知道在 React Native中有这样三个 主线程: shadow queue: 用于界面 详情 »

修复 RCTWebSocket - Ignoring return value of function declared with warn_unused_result attribute

最近升级了Mac OS,Xcode打开一个React Native老项目时,build 一直错误; RCTWebSocket - Ignoring return value of function declared with warn_unused_result attribute 心情一下就😂了,这个又要搞事情啊。不过好在这个问题早早有人提交了,修改也比较方便: 具体的issue看这里: https: 详情 »

使用React Native制作圆形加载条

先放运行截图说明做什么吧, react-native-percentage-circle 项目地址 最近需求需要一个显示百分比的加载条。然而去搜索了很久,没能发现比较满意的组件,只好自己解决了。当然对于大多数前端而言,这个并不是特别难的,可能思路众多,然而面对React Native似乎就有点相形见绌了。解决这样的问题,我们还是得回归前端本身,看看有什么可以嫁接的方案没。 前端常规制作进度条方法 前端实现相对容易点,我们可以用canvas去绘制圆,也可以用SVG去绘制. 使用SVG <svg style="width:2.8rem" 详情 »

React Native 升级遇到的问题纪录

最近由React Native 0.21升级到0.30。升级完后,宝宝的心情是: 升级需要谨慎。一打开,全是黄色弹窗。说说遇到的问题吧,当时没有截图,大概凭借记忆说些吧。 react 版本有问题,最好不要用依赖的,会提示关于样式stylesheet的一些报错,安装15.2.0就好。 网络的问题,需要在xcode中的info.plist修改 会提示一些属性的不支持,在下一版本中会放弃掉,建议不再适用。 详情 »

React Native 开发小Tips

相信好多写React Native的都是前端出身,当然遇见问题的,也很多时候会想从前端出发,但由于React Native本身的限制,并不是支持足够多的属性和样式,所以Bo主结合自己的开发实践,并总结了一些将来开发可能会遇见的问题并给出一些小的代码参考;(PS实现不好的希望能大家提出看法,自己也会更新)。 自己将代码放到了example下,并且做成了一个App.这样可以查看具体运行效果: 截图1: 截图2: 项目地址 开始 git clone https://github.com/JackPu/react-native-tips.git 详情 »