Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

thumbImage isn't showing up on Android builds

See original GitHub issue


Expo CLI 3.27.10 environment info: System: OS: macOS Mojave 10.14.6 Shell: 5.3 - /bin/zsh Binaries: Node: 12.18.2 - ~/.nvm/versions/node/v12.18.2/bin/node npm: 6.14.8 - ~/.nvm/versions/node/v12.18.2/bin/npm Watchman: 4.9.0 - /usr/local/bin/watchman Managers: CocoaPods: 1.9.1 - /usr/local/bin/pod SDKs: iOS SDK: Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1 Android SDK: API Levels: 28, 29, 30 Build Tools: 28.0.3, 29.0.3, 30.0.0 System Images: android-28 | Intel x86 Atom_64, android-30 | Google Play Intel x86 Atom, android-30 | Google Play Intel x86 Atom_64 IDEs: Android Studio: 4.0 AI-193.6911.18.40.6626763 Xcode: 11.3.1/11C505 - /usr/bin/xcodebuild npmPackages: expo: ~39.0.2 => 39.0.3 react: 16.13.1 => 16.13.1 react-dom: 16.13.1 => 16.13.1 react-native: => 0.63.2 react-native-web: ~0.13.12 => 0.13.14 npmGlobalPackages: expo-cli: 3.27.10 Expo Workflow: managed


It looks like that this issue is not new (#119 #114 #125).

It works fine on both iOS Simulator and Android physical devices during development. When I build the App, it won’t show up.

I’ve tried many different things so far without success:

  • Preloading the images with <AppLoading />;
  • Using images without @2x / @3x;
  • Defining Slider size with style={{ width: , height: }}

Reproducible Demo

Here’s a sample repo:

Or follow the steps below:

  1. expo init expo-slider-test
  2. expo install @react-native-community/slider
  3. update App.tsx to use Slider (below)
  4. expo build:android -t apk
import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { Image, StyleSheet, View } from 'react-native';
import Slider from '@react-native-community/slider';

const thumb = require('./assets/drag-button.png');

export default function App() {
  return (
    <View style={styles.container}>
      {/* placing image above the slider just to prove that it exists */}
      <Image source={thumb} />
        style={{ width: '100%' }}
      <StatusBar style="auto" />

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:5
  • Comments:10 (1 by maintainers)

github_iconTop GitHub Comments

mosoakinyemicommented, Apr 14, 2021

To solve this issue, kindly remove this line from your app.json file

    "assetBundlePatterns": [

You can check here and here for more information

tomsdobcommented, Dec 22, 2020

Same issue here.

Read more comments on GitHub >

github_iconTop Results From Across the Web

thumbnail images do not display on iphone or iPad but do on ...
This all works fine on Android but the thumbnails do not display in iPhone or iPad (I haven't tested other Apple devices). The...
Read more >
Displaying Images with the Glide Library - CodePath Cliffnotes
If an image or set of images aren't loading, make sure to check the Android monitor log in Android Studio. There's a good...
Read more >
Access media files from shared storage | Android Developers
As an alternative to using the media store, the Android photo picker tool ... the thumbnail that you want to load, as shown...
Read more >
Download a device or emulator image - Android Developers
Download a device image; Set up an Android emulated device; Downloads for Google Pixel. Download the device factory image; Flash the downloaded image...
Read more >
Slow rendering - Android Developers
Ensure that the bitmap being displayed isn't significantly bigger than the area on screen it's showing in. If it is, that wastes upload...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found