question-mark
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.

Issue With redirect image url

See original GitHub issue

React Native version:

react: 16.8.3 => 16.8.3 react-native: 0.59.10 => 0.59.10

Package.json:

{
  "name": "tracks",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "npx jetify && node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "@react-native-community/async-storage": "^1.6.1",
    "@react-native-firebase/app": "^6.0.2",
    "@react-native-firebase/messaging": "^6.0.2",
    "axios": "^0.18.0",
    "axios-debug-log": "^0.6.2",
    "babel-plugin-inline-import": "^3.0.0",
    "babel-plugin-transform-inline-environment-variables": "^0.4.3",
    "formik": "^1.5.4",
    "i18next": "^17.0.4",
    "lodash": "^4.17.15",
    "prop-types": "^15.7.2",
    "qs": "^6.7.0",
    "react": "16.8.3",
    "react-i18next": "^10.11.2",
    "react-native": "0.59.10",
    "react-native-animatable": "^1.3.2",
    "react-native-gesture-handler": "^1.2.1",
    "react-native-google-signin": "^2.0.0",
    "react-native-image-picker": "^1.0.1",
    "react-native-list-gallery": "^1.0.5",
    "react-native-localize": "^1.1.3",
    "react-native-maps": "^0.24.2",
    "react-native-modal": "^11.0.1",
    "react-native-navigation-bar-color": "^0.1.0",
    "react-native-restart": "^0.0.12",
    "react-native-safe-area-context": "^0.6.1",
    "react-native-safe-area-view": "^1.0.0",
    "react-native-share": "1.2.1",
    "react-native-vector-icons": "^6.4.2",
    "react-navigation": "^3.9.1",
    "react-navigation-fluid-transitions": "^0.3.2",
    "react-redux": "^7.0.3",
    "redux": "^4.0.1",
    "redux-persist": "^5.10.0",
    "redux-promise-middleware": "^6.1.0",
    "redux-thunk": "^2.3.0",
    "yup": "^0.27.0"
  },
  "devDependencies": {
    "@babel/core": "^7.4.5",
    "@babel/runtime": "^7.4.5",
    "babel-jest": "^24.8.0",
    "eslint": "^5.16.0",
    "eslint-config-airbnb": "^17.1.0",
    "eslint-config-prettier": "^4.2.0",
    "eslint-plugin-import": "^2.17.2",
    "eslint-plugin-jsx-a11y": "^6.2.1",
    "eslint-plugin-prettier": "^3.0.1",
    "eslint-plugin-react": "^7.13.0",
    "eslint-plugin-react-native": "^3.7.0",
    "husky": "2.2.0",
    "jest": "^24.8.0",
    "jetifier": "^1.6.3",
    "lint-staged": "8.1.6",
    "metro-config": "^0.54.0",
    "metro-react-native-babel-preset": "^0.54.1",
    "prettier": "^1.17.0",
    "react-native-svg-transformer": "^0.13.0",
    "react-test-renderer": "16.8.3"
  },
  "lint-staged": {
    "*.{js,jsx}": [
      "eslint --fix",
      "git add"
    ],
    "*.{json,md,yaml,yml}": [
      "prettier --write",
      "git add"
    ]
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "jest": {
    "preset": "react-native"
  }
}

Steps To Reproduce

Describe what you expected to happen:

It should show the images, instead of blank spaces

Snack, code example, screenshot, or link to a repository:

In developement:

WhatsApp Image 2020-01-17 at 11 57 35 AM

In Production (Released version):

WhatsApp Image 2020-01-17 at 10 36 27 AM

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:7

github_iconTop GitHub Comments

1reaction
justinthielecommented, Jan 29, 2021

Ensuring that the image URL was https and not http fixed it for me.

0reactions
JiboStorecommented, Oct 2, 2020

Image source that points to url with redirect finally works for me…

In my case, the url has to return http/301 (tested for double redirection) or http/307 (tested) with Location on the header pointing to next (or final) url that returns http/200

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Fix Redirected Images on your Website - Sitechecker
A redirected image is an picture that is linked to via a URL that redirects to another URL. This usually happens when the...
Read more >
Problem with Page URL redirecting to Image URL
I have run CURl through my terminal and it verifies that Yoast is causing the redirect. I have checked my .htaccess file and...
Read more >
How To 301 Redirect Images During a Website Redesign or ...
I'm referring to properly redirecting all images on the site when those urls will change.
Read more >
Best Practice on 301 Redirect - Images | SEO Forum - Moz
redirecting images URL is not really a good idea unless you have insanely great links on your image URL page and you really...
Read more >
How do we properly redirect product image URLs when ...
These types of issues and our HUGE loss of traffic from Google image search all started when BC switched to using a CDN...
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 Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found