[Android] Image resizeMode repeat not working
See original GitHub issueEnvironment
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
- Create an
<Image>
- Set its
resizeMode
prop torepeat
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:
- Created 5 years ago
- Comments:12 (3 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
This issue still not fixed in RN 0.59.9.
I have the same issue on react-native@0.57.7