Expo React Native多图上传失效，expo-images-picker报错求解决方案

一、解决expo-images-picker报错问题 #

你遇到的'undefined is not an object (evaluating 'Settings.portraitCols')'报错，是因为配置项层级错误——该库要求布局相关参数需包裹在settings字段内，而你直接放在了options根节点下。修改后的代码如下：

<AssetsSelector
  options={{
    assetTypes: ['photo'],
    noAssetsText: "No media found",
    maxSelections: 3,
    settings: { // 新增settings字段包裹布局配置
      margin: 2,
      portraitCols: 4,
      landscapeCols: 5,
      widgetWidth: 100,
      widgetBgColor: "#fff"
    },
    selectedIcon: {
      Component: Ionicons,
      iconName: "ios-checkmark-circle-outline",
      color: "#fff",
      bg: "#000",
      size: 25
    },
    noAssets: {
      Component: () => <Text>No assets</Text>
    }
  }}
/>

同时建议执行npm install expo-images-picker@latest更新到最新版本，避免旧版本的配置结构差异问题。

二、可用的多图上传库推荐 #

1. Expo Image Picker（官方） #

稳定性最高，无需额外原生配置。通过设置allowsMultipleSelection: true即可实现多图选择，选中的图片以数组形式返回，可自行管理选中状态与上传逻辑：

import * as ImagePicker from 'expo-image-picker';

const pickImages = async () => {
  const result = await ImagePicker.launchImageLibraryAsync({
    mediaTypes: ImagePicker.MediaTypeOptions.Images,
    allowsMultipleSelection: true,
    quality: 0.8,
  });

  if (!result.canceled) {
    // 处理选中的图片数组result.assets
    console.log(result.assets);
  }
};

2. react-native-image-crop-picker #

支持多图选择、裁剪、压缩等丰富功能，适合对图片处理有进阶需求的场景。注意Expo环境中需使用expo-dev-client预构建或通过config-plugin配置。

3. rn-image-picker-multiple #

轻量级第三方库，专注多图选择功能，配置灵活，支持自定义选择器样式，集成成本低，适合快速实现需求。

内容的提问来源于stack exchange，提问作者Arnav Nath