期间出现的一些报错问题

_reactNavigation. NavigationActions.navigate is not a function

这是错误代码，老版本更新到2.55版本之后出现的问题

 static resetToHomePage(params) {
        const {navigation} = params;
        const resetAction = NavigationActions.navigate({
            index: 0,
            action: [
                NavigationActions.navigate({
                    routeName: "HomePage",
                })
            ]
        });

会报如下错误

在 react-navigation 的 issue 上也有人碰到这么个问题，而且也得到了解决，意思就是用 StackActions.reset 代替 NavigationActions.navigate，替代之后又出了个新问题

cannot read property 'map ' of undefined,最后找到了解决办法如下

 static resetToHomePage(params) {
        const {navigation} = params;
        const resetAction = StackActions.reset({
            index: 0,
            action: [
                NavigationActions.navigate({
                    routeName: "HomePage",
                })
            ]
        });
        navigation.dispatch(NavigationActions.navigate({
            routeName:"HomePage",
            action:resetAction,
        }));
    }

终端执行 react-native run-ios出现

xcrun: error: unable to find utility "instruments"
not a developer tool or in PATH

解决办法:终端执行

sudo xcode-select -s /Applications/Xcode.app/Contents/Developer/

版本兼容问题

You are currently running Node v6.9.1 but React Native requires >=8. 
Please use a supported version of Node.

解决办法:

sudo npm install -g n
sudo n stable

前一段时间还正常，今天跑起来忽然就出现这个错误 No bundle URL present

解决办法: 项目根目录下依次执行

rm -rf ios/build/                 
kill $(lsof -t -i:8081)
react-native run-ios
#删掉build文件，杀掉其他 RN sessions 确保它们在默认的 8081 端口上执行

有时候新开一个项目跑起来还是上次的项目，也可以用上面指令依次跑一下

Failed to load bundle(...)

这个错误出现的次数比较多，一看到前面bundle(http...)第一反应就是端口被占用啥的，其实被占用大部分情况下报的是 No Bundle URL Present ，就是上面那种情况，这里的这个问题关键在后面Unexpected token,语法错误，然后找了一下终端运行终止的地方，找到了问题所在

这里能看到对应的错误信息然后去修改就好了。
如果没有错误信息，那就是服务确实没启动了，执行react-native start 或者npm start,然后刷新界面.

React.Children.only expected to receive a single React element child

这个错误在我添加 TabNavigator.Item 时出现的，下面这个是报错的写法

<TabNavigator.Item 

               title={title}
              //.....
/>
//注释位置
 </TabNavigator.Item>

正确写法，在注释位置添加一个子组件就行了，比如<View></View>

<TabNavigator.Item 

               title={title}
              //.....
/>
<View></View>

            </TabNavigator.Item>

图片路径问题. files not exist

项目里明明有图片，但是找不到报错，这个一般就是引用的层级问题了

比如现在的目录是这样

然后在homePage 页需要加载图片，调用如下

. 表示当前目录
.. 表示当前目录一级目录
./表示当前目录下的某个文件或文件夹，视后面跟着的名字而定
../表示当前目录上一级目录的文件或文件夹

Malformed calls from JS: field sizes are different

这个错误网上碰到的也是各种情况都有，下面是错误代码

removeFavoriteItem(key){
        AsyncStorage.setItem(key,(error) => {

            if (!error) {
                this.updateFavoriteKeys(key,false);
            }
        })
    }

这里其实就是AsyncStorage.setItem漏传了个参数，看下源码实现会发现需要传(key,value)俩个参数

我这里是粗心，本来是要调用AsyncStorage.removeItem(key,(error)，这样就OK了。 RN很多错误都是粗心造成的，而且提示不太友好，踩坑前行