React-Native Primary 长列表探索

React-Native 2017-04

我们先看一下react-native-RealRecyclerView

下载源码放到本地D:\React_Native_Workspace\react-native-RealRecyclerView-master

接着如下操作步骤：

• 将0.39.0的node_modules文件复制到上面目录中去（这个太low，应该修改package.json依赖版本，然后通过npm-install初始化node_modules即可）
  
  • 通过package.json文件可以查看当前项目RN版本
    
• 到上面的工程目录中，启动RN
  
• 到上面的工程目录中，运行Rn

react-native run-android

以上步骤走完，一般会抛出一个错误：

SyntaxError:Strict mode does not allow function declaration in a lexically nested statement.

处理该问题一般有两种思路：参考SyntaxError:Strict mode does not allow function declaration in a lexically nested statement.

• .\node_modules\react-native\Libraries\Core\InitializeCore.js 112行

将function handleError(e, isFatal)替换成var handleError = function(e, isFatal)
（该方法经验证可行）

这个解决思路也来自于SyntaxError: Strict mode does not allow function declarations in a lexically nested statement on a newly created app

当然仅仅适用RN版本0.39.0以及以上版本，因为在这个版本以下找不到.\node_modules\react-native\Libraries\Core\InitializeCore.js文件，正如截图中说的那样：

如果我们按照图示的方法找到InitializeJavaScriptAppEngine.js文件，然后按照上面所说的修改，运行以后，仍然会抛出相同的问题。

如何解决呢？

strict mode does not allow function declarations in a lexically nested statement

如图所示，修改Libraries/Utilities/UIManager.js:68

var normalizePrefix = function(moduleName: string): string {
}

然后再运行即可解决问题。

• 更换RN版本至0.38.0 （尚未验证）

测试有600行数据，看一下内存表现：

从图上表现看，内存有回收，相比原生的RN ListView有较大改善。