报错JSApplicationIllegalArgumentException("wrong overScrollMode: " + jsOverScrollMode)的解决

问题原因

react-native出现JSApplicationIllegalArgumentException("wrong overScrollMode: " + jsOverScrollMode)错误的原因是由于React Native在Android中使用了错误的overScrollMode。在Android中，overScrollMode可以指定滚动视图在达到边界时的滚动效果。在React Native中，错误的overScrollMode值会导致IllegalArgumentException异常的抛出。

解决方案

出现JSApplicationIllegalArgumentException("wrong overScrollMode: " + jsOverScrollMode)这个错误通常是由于react-native-webview库的版本问题导致的。这个问题在react-native-webview库的1.16.0版本中已经得到了修复。 要解决这个问题，可以按照以下步骤操作： 1. 确保你的react-native-webview库的版本是1.16.0或以上。 2. 如果你的项目中使用的是旧版本的react-native-webview，可以尝试升级到最新版本。 3. 如果升级不可行，可以直接修改旧版本源码中的错误。具体方法是找到对应的源文件，在ReactWebViewManager.java中寻找setOverScrollMode方法，并修改错误的地方。 要正确使用修复后的react-native-webview库，可以按照以下步骤操作： 1. 在项目根目录执行yarn add react-native-webview@latest或npm install react-native-webview@latest来安装最新版本的react-native-webview库。 2. 在iOS项目中，执行cd ios && pod install来更新CocoaPods依赖。 3. 在项目中使用最新版本的react-native-webview库，确保不再出现JSApplicationIllegalArgumentException错误。

具体例子

JSApplicationIllegalArgumentException("wrong overScrollMode: " + jsOverScrollMode)错误通常出现在React Native ScrollView组件中，该错误是因为ScrollView组件的overScrollMode属性在Android平台上传递了错误的值导致的。正确使用的方式是将overScrollMode属性设置为字符串"always"、"never"或"auto"之一。 下面是一个示例，演示如何在React Native中正确使用ScrollView组件并设置overScrollMode属性：

import React from 'react';
import { ScrollView, View, Text } from 'react-native';

const MyScrollView = () => {
  return (
    
      
        Example ScrollView
      
    
  );
}

export default MyScrollView;

在这个例子中，我们创建了一个名为MyScrollView的函数组件，该组件使用了ScrollView组件，并将overScrollMode属性设置为"always"，以避免出现JSApplicationIllegalArgumentException错误。在实际开发中，根据需要，可以根据具体情况选择合适的overScrollMode属性值。