openglnewbee的博客

在expo环境下使用mapView，一直报一个莫名其妙的错误（undefined）；后来在github找到答案：expo把官方的mapView移除了，只能使用expo内置的mapView(来自airbnb).

1. 对于标准的输入json body的请求，我们需要使用json.stringify转换之然后放入body.2. 对于application/x-www-form-urlencode格式的请求接口，我们需要拼装转换body： var formBody = []; for (var property in bodyObj) { var encode

在移动开发领域，realm是最热门的跨平台数据库，没有之一。而现在，realm已经把他的触手伸到了服务端，在node.js服务器上也可以运行realm了（可以认为是mongodb的竞争对手了）。但我们这里所讨论的realm仍然局限于realm的本地数据库，也就是它一开始被设计用来做的事：在ios上的竞争对手是fmdb/coredata, 安卓上的greendao等。realm的js文档非常完备和友

async getMoviesFromApi() { try { // 注意这里的await语句，其所在的函数必须有async关键字声明 let response = await fetch('http://facebook.github.io/react-native/movies.json'); let responseJson = await re

https://www.jianshu.com/p/525c39bd672a

https://www.jianshu.com/p/4fefb48fa8c8

官方参考文档：http://facebook.github.io/react-native/docs/integration-with-existing-apps.html既然是踩坑记，那么即使很好的follow官方文档也是会有一些问题存在的；但它仍然是我们最权威的参考。step1: 对于一个从xcode模版新建的工程来说，集成rn不是一件很难的事（我本来以为cocoapods安装的依赖会和rea

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica}p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px}p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 14

NSArray* paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES); NSString* thepath = [paths lastObject]; thepath = [thepath stringByAppendingPathComponen

安卓上倒是有需要手动代码屏蔽该下划线的，但现在在iOS上却显示不出来，比较奇怪，加了属性还是显示不出来。

http://ihor.burlachenko.com/deep-linking-with-react-native/

https://github.com/zo0r/react-native-push-notification

https://mobx.js.org/getting-started.html

1. 在不eject的情况下，网友给出了一个修改node_modules的解决方案：找到node_modules/babel-preset-react-app/index.js，然后加入装饰器支持;接着在对应的package.json下边加入babel-plugin-transform-decorators-legacy。 总结：node_modules/babel-preset-react-ap...

相关的讨论见：https://forums.expo.io/t/remote-js-debugging-failed-to-fetch/6855https://github.com/expo/expo/issues/1351#issuecomment-361932735怎么快速规避解决该问题呢？很简单，把浏览器的 debug页面里的localhost 替换成终端里面打印出来的 ip地址就可以。示例...

1. 对于store的理解：http://cn.mobx.js.org/best/store.html在复杂项目中，可以考虑引入rootstore和provider对所有的store进行统一管理；UI store可以用于做一些全局相关的处理，比如loading、屏幕尺寸变化、主题设置这些工作。2. 基于编码的灵活性考虑，可以不加入 use strict,修改属性更方便。3. class内部状态完全...

A:搭建安卓native开发环境在http://www.android-studio.org/下载最新的as，按步骤操作，新建工程，会去下载安装一些gradle相关的东西；还有一些sdk和模拟器可能也需要手动安装和创建。as的运行依赖于jdk，如果你的mac没有安装jdk需要去官网下载安装，推荐安装8.0版本。jdk下载地址：http://www.oracle.com/technetwork/ja...

其实我遇到的问题和下面的链接很类似：https://segmentfault.com/a/1190000005859469我们的工程通过cocoapods集成了RN, pods的xcconfig里面集成了-ObjC命令；而我们通过inherited继承了这个命令；有一个糟糕的第三方提供的framework里面有几个通用的iOS库（mbprogresshud、masonry、afnetworking...

http://cn.mobx.js.org/refguide/observer-component.html可观察的局部组件状态就像普通类一样，你可以通过使用 @observable 装饰器在React组件上引入可观察属性。 这意味着你可以在组件中拥有功能同样强大的本地状态(local state)，而不需要通过 React 的冗长和强制性的 setState 机制来管理。 响应式状态会被 ren...

https://www.raywenderlich.com/165140/react-native-tutorial-building-ios-android-apps-javascript

JSX中通过大括号即可嵌入js; 这里我们通过一个箭头函数和map返回了一个Text的数组，这样我们就通过代码动态生成了N个text的jsx组件对象了。 View> {messages.map((item, index) => Text key={index} style={styles.listText}>{item}Text>)} View style={{ mar

在不长的时间里面，我们通过rn和mobx构建了一个便签应用, 这期间的开发和调试我们是使用crna的命令通过expo这个容器工具来完成的。同样它也帮助我们更少的面对关于环境配置的问题。但是，我们最终开发的目标还是会生成两个端的native app(ipa+apk)，所以我们尝试通过最基本的命令去构建我们的程序（仍然使用之前的代码）；下面我把这个过程中遇到的问题做一个记录.expo下的babelrc

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 18.0px; font: 12.0px Menlo; color: #d4d4d4}span.s1 {font-kerning: none}https://realm.io/docs/javascript/latest

http://blog.youkuaiyun.com/codetomylaw/article/details/53284460

首先：这是一篇实战分享，但这里的内容主要来自于http://facebook.github.io/react-native/releases/0.34/docs/integration-with-existing-apps.html，加上自己的理解。你可以认为这是一篇二手教程，但我个人觉得还是可以给大家带来一些收获。一个纯RN项目我们可以分为两类（自己新建的项目和下载到的别人的项目）：自己新建的项

http://blog.youkuaiyun.com/sinat_17775997/article/details/53728611

需翻墙：https://medium.com/differential/react-native-basics-how-to-use-the-listview-component-a0ec44cf1fe8#.hasik62w5

这个项目对应的场景对于我们应用开发来说很常见：1. 通过网络api或其他途径获取到数据源（是一个列表）2. 通过一个列表简单呈现主要信息，列表可点击进入浏览详情3. 详情页面接收了来自上个页面传递来的数据，并作一个相对完整的展示；那么这个过程中自然就需要一个导航栏截图如下：其中所使用的主要rn技术点归纳如下：1. 通过fetch函数进行网络请求。 _refreshData() {

比如View,按下tab，即可自动补完（这里是rn的jsx语法，和html类似）

笔者目前使用的开发环境是webstorm。 要想实现RN代码自动提示，需要通过这个东西：https://github.com/virtoolswebplayer/ReactNative-LiveTemplate在webstorm中导入一个jar，重启webstorm即生效。对于stylesheet的自动提示需要先按 command+J.ps: 提示区分大小写，比如你按v不会提示View, 需要写V

rn 的依赖管理基于 npm, 其中的 package.json记载了相关的依赖库和版本号；在项目根目录上运行 npm install， 即可安装相应的环境。 注意：这个过程相当慢，通过vpn下载仍可能需要1个多小时时间，且从进度上看不出来进展（没有数字显示）；可以打开mac 的活动监视器，查看npm的网络活动情况，如果一直在增加，说明在下载，需要耐心等待。（也可以尝试切换npm的源来解决该问题）

npm install –save react-native@0.33 指定rn版本号进行安装；其中 –save可以保存相关信息到package.json中，后面@指定版本号。在引入图片时遇到问题，实际是自己用法错误导致的。原则上来说rn对图片资源的处理是跨平台的，而且采用按需加载的方式。从实现上说，该方案是比较优雅的。我们只需要将资源文件放到自己希望的目录下，然后通过如下的方式来使用：另：rn的

使用npm安装rn插件时记得加上save命令，这样会把相关信息自动记录到package.json文件中，后续可以从此文件自动生成相关的插件文件。npm install --savernpm  rnpm link xxxrnpm是一个半官方的包管理器，可以很方便的使用link命令安装rn的第三方插件。

http://geek.youkuaiyun.com/news/detail/139051

延展操作符(Spread operator) 这个 … 操作符（也被叫做延展操作符 － spread operator）已经被 ES6 数组 支持。它允许传递数组或者类数组直接做为函数的参数而不用通过apply。 var people=['Wayou','John','Sherlock'];//sayHello函数本来接收三个单独的参数人妖，人二和人三function sayHello(p

最近做了一个便签类的app，主要是为了演练rn开发技术。其中有一个搜索的功能.在此功能实现过程中发现一个问题：比如我输入中国，每次回调到的text就是中g-> 中gu 这样，不方便用来做搜索的key了。对于iOS原生开发来说，这种场景我可以通过判断输入法类型并结合以下api的使用解决：- (void)searchTextFieldDidChange:(UITextField *)textField

http://javayhu.me/blog/2017/07/28/react-native-upgrade/

使用RN的webview过程中，遇到了疑似功能性的bug.(RN 0.44.3, iOS模拟器环境)在webview页面之外提供了一个新的按钮用于切换到制定的uri,但测试过程中该按钮的切换行为只在第一次生效，后续点击没有效果。调试设置的state的uri改变了，render也触发了；但页面不刷新。到native层调试发现rctwebview.m 里面的setsource没有触发。 目前初步定位是

https://mp.weixin.qq.com/s?__biz=MzA3NjgyNzk2Mw==&mid=2247483760&idx=1&sn=0393977133796e355248820ed7d4834d&chksm=9f5a1d24a82d9432922861d8499b6b3a168ebea04d5a17bad53ac83ce4b2d53b1991858c196e#rd这里没有考虑到和

http://www.cocoachina.com/programmer/20170505/19189.html