Not compatible with Expo SDK 53 due to `SDWebImage` version incompatibility

[JustJoostNL]

Before submitting a new issue

• I tested using the latest version of the library, as the bug might be already fixed.
• I tested using a supported version of react native.
• I checked for possible duplicate issues, with possible answers.

Bug summary

When using Expo SDK 53 with react-native-bottom-tabs and expo-image the following error occurs when building:

[!] CocoaPods could not find compatible versions for pod "SDWebImage":

  In Podfile:

    ExpoImage (from `../node_modules/expo-image/ios`) was resolved to 2.1.4, which depends on

      SDWebImage (~> 5.21.0)

    react-native-bottom-tabs (from `../node_modules/react-native-bottom-tabs`) was resolved to 0.9.0, which depends on

      SDWebImage (>= 5.19.1)

Library version

0.9.0

Environment info

expo-env-info 1.2.2 environment info:
    System:
      OS: Windows 11 10.0.22631
    Binaries:
      Node: 20.16.0 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.22 - ~\node_modules\.bin\yarn.EXE
      npm: 10.8.1 - C:\Program Files\nodejs\npm.CMD
    npmPackages:
      expo: ^53.0.0-preview.7 => 53.0.0-preview.7
      expo-router: ~5.0.2-preview.3 => 5.0.2-preview.4
      metro: ^0.82.0 => 0.82.1
      react: 19.0.0 => 19.0.0
      react-dom: 19.0.0 => 19.0.0
      react-native: 0.79.1 => 0.79.1
      react-native-web: ^0.20.0 => 0.20.0
    Expo Workflow: managed

Steps to reproduce

1. Create a new expo project with SDK 53
2. Install react-native-bottom-tabs and expo-image
3. Build the project and observe the error

Reproducible sample code

{
  "expo": "^53.0.0-preview.7",
  "expo-image": "~2.1.3",
  "react-native-bottom-tabs": "^0.9.0",
}

[okwasniewski]

Hey, technically the range set by React Native Bottom Tabs seems fine.

The range: SDWebImage (>= 5.19.1) catches: SDWebImage (~> 5.21.0)...

Can you cleanup the ios folder and try to installing pods again?

[JustJoostNL]

I've tried that but it doesn't seem to work. For now I have applied a patch which changes the version to ~> 5.21.0 which does fix it.

[Amurmurmur]

Is this relevant but Im getting this during the build with expo 53

❌  (node_modules/expo-image/ios/ImageLoader.swift:9:27)

   7 |   static let shared = ImageLoader()
   8 | 
>  9 |   lazy var imageManager = SDWebImageManager(
     |                           ^ cannot find 'SDWebImageManager' in scope
  10 |     cache: SDImageCache.shared,
  11 |     loader: SDImageLoadersManager.shared
  12 |   )


❌  (node_modules/expo-image/ios/ImageView.swift:20:22)

  18 |   // Custom image manager doesn't use shared loaders managers by default,
  19 |   // so make sure it is provided here.
> 20 |   let imageManager = SDWebImageManager(
     |                      ^ cannot find 'SDWebImageManager' in scope
  21 |     cache: SDImageCache.shared,
  22 |     loader: SDImageLoadersManager.shared
  23 |   )

[vcapretz]

what I did was to install expo-image with the Expo SDK 52 version:

"expo-image": "~2.0.7",

then I confirm it works by running:
bun expo prebuild --clean && bun ios

[JustJoostNL]

Yeah but this is about SDK 53 with the latest expo-image version.

[vcapretz]

Yeah but this is about SDK 53 with the latest expo-image version.

Oh sorry I mean I'm still using expo 53 just fine, I just rolled back the expo-image version to the one that comes with expo 52 😅

[JustJoostNL]

Ah that would work as a temporary solution. For now I have patched react-native-bottom-tabs to change the SDWebImage version. Hopefully an official fix will come soon!

[jfmoe]

Is this relevant but Im getting this during the build with expo 53

❌  (node_modules/expo-image/ios/ImageLoader.swift:9:27)

   7 |   static let shared = ImageLoader()
   8 | 
>  9 |   lazy var imageManager = SDWebImageManager(
     |                           ^ cannot find 'SDWebImageManager' in scope
  10 |     cache: SDImageCache.shared,
  11 |     loader: SDImageLoadersManager.shared
  12 |   )


❌  (node_modules/expo-image/ios/ImageView.swift:20:22)

  18 |   // Custom image manager doesn't use shared loaders managers by default,
  19 |   // so make sure it is provided here.
> 20 |   let imageManager = SDWebImageManager(
     |                      ^ cannot find 'SDWebImageManager' in scope
  21 |     cache: SDImageCache.shared,
  22 |     loader: SDImageLoadersManager.shared
  23 |   )

After upgrading to expo 53, I had this problem too.

[okwasniewski]

Hey,

Can you try this project? https://github.com/okwasniewski/bottom-tabs-sdk53

I've created a new Expo SDK 53 project with:

• expo-image@2.1.7
• react-native-bottom-tabs@0.9.1

And got it to build successfully:

[JustJoostNL]

I’ve just cleared the cache and tried building my app again, and it does work correctly now.
Not sure why it didn’t work with clearing the cache first time, but sorry for any confusion this may have caused.

[jfmoe]

Hey,

Can you try this project? okwasniewski/bottom-tabs-sdk53

I've created a new Expo SDK 53 project with:

• expo-image@2.1.7
• react-native-bottom-tabs@0.9.1

And got it to build successfully:

I found the reason. After I modified app.json, it failed to compile.