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.

[Android] Image resizeMode repeat not working

See original GitHub issue

Environment

Binaries:
  Node: 11.3.0 - /usr/local/bin/node
  Yarn: 1.7.0 - /usr/local/bin/yarn
  npm: 6.4.1 - /usr/local/bin/npm
npmPackages:
  react: 16.6.1 => 16.6.1  (also tested using 16.6.3)
  react-native: 0.57.7 => 0.57.7 (also tested using 0.57.5)
npmGlobalPackages:
  react-native-cli: 2.0.1
SDKs:
  iOS SDK:
    Platforms: iOS 11.2, macOS 10.13, tvOS 11.2, watchOS 4.2
  Android SDK:
    API Levels: 25, 26, 27, 28
    Build Tools: 26.0.3, 27.0.3, 28.0.2
Android
  Version 8.1.0
  Model Pixel 2

Description

Since PR https://github.com/facebook/react-native/pull/17404, Android should now support the repeat resize mode. Although working fine on iOS, it doesn’t seem to fully repeat horizontally on my physical Android phone, but works on the emulator.

Reproducible Demo

  1. Create an <Image>
  2. Set its resizeMode prop to repeat

Created a test repository you can find here. Only stuff is in the App.js.

Screenshots

On the iOs simulator it works:

On the Android emulator it works too:

But on my physical Android device:

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:12 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
AndreyPatseikocommented, Jul 10, 2019

This issue still not fixed in RN 0.59.9.

3reactions
papmoderncommented, Mar 12, 2019

I have the same issue on react-native@0.57.7

Read more comments on GitHub >

github_iconTop Results From Across the Web

ReactNative resizeMode: repeat in android not working
Facebook is planning to bring this for android in their July Release. This issue may fix with version 0.56 which is currently release ......
Read more >
Understanding “resizeMode” in React Native | by Mehran Khan
4 ) “repeat” : Repeat the image to cover the frame of the view. The image will keep its size and aspect ratio,...
Read more >
object-fit - CSS: Cascading Style Sheets - MDN Web Docs
The object-fit CSS property sets how the content of a replaced element, such as an or , should be resized to fit its...
Read more >
React Native Image resizeMode Android iOS Example
4. Image resizeMode: 'repeat' :- Repeat the Image until the remaining space will fill. 5. Image ...
Read more >
React Native Image Style Resizemode Repeat Example
, after I will make image style repeat resizemode attribute add image tag in react native. Here, I will give you full example...
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