关于react-native的JSApplicationIllegalArgumentException("Invalid resize mode: '" + resizeModeValue + "'")

问题原因

react-native出现JSApplicationIllegalArgumentException("Invalid resize mode: '" + resizeModeValue + "'")的原因是由于在使用React Native时，指定的图片resize mode不合法。在React Native中，resize mode用于控制图片在组件中的显示方式，包括cover、contain、stretch、repeat、center等几种选项。如果指定的resize mode参数不正确，就会导致该异常的抛出。

解决方案

在React Native中，当出现JSApplicationIllegalArgumentException("Invalid resize mode: '" + resizeModeValue + "'")错误时，通常是由于图片组件的resizeMode属性值设置有误导致的。 要解决这个问题，需要确保在使用图片组件时，给resizeMode属性传递有效的值。resizeMode属性决定了图片在容器中的显示方式，常用的有效值包括： 1. cover: 图片等比缩放，直到宽度和高度都大于或等于容器的尺寸，超出部分裁剪。 2. contain: 图片等比缩放，直到宽度和高度至少有一个等于容器的尺寸，整个图片都可见，可能会留有空白。 3. stretch: 拉伸图片填充整个容器，可能导致图片变形。 4. center: 居中显示图片，不进行缩放。 5. repeat: 平铺显示图片，横向和纵向重复。 另外，还需要确保传递的resizeMode属性值是字符串类型。 下面是一个示例代码片段，演示了如何正确使用图片组件，并传递有效的resizeMode属性值：

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

const App = () => {
  return (
    
      
    
  );
}

export default App;

通过上述方法，可以避免JSApplicationIllegalArgumentException("Invalid resize mode: '" + resizeModeValue + "'")错误的发生，确保图片组件正常显示。

具体例子

出现JSApplicationIllegalArgumentException("Invalid resize mode: '" + resizeModeValue + "'")这个问题通常是因为在React Native中使用了无效的图片resize mode导致的。React Native中规定resize mode属性必须是一种有效的值，例如"cover"，"contain"，"stretch"，"repeat"或"center"。 为了解决这个问题，应确保在使用图片时，指定的resize mode属性是有效的。如果resize mode属性无效，就会出现上述异常。 以下是一个示例，说明如何正确使用图片resize mode属性：

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

const App = () => {
  return (
    
      
    
  );
};

export default App;

在上面的示例中，我们正确地指定了resize mode属性为'cover'，这是一个有效的值。确保在实际开发中，对resize mode属性进行正确设置，避免出现JSApplicationIllegalArgumentException异常。