René's URL Explorer Experiment


Title: fix(android): Background image incorrect aspect ratio by CatchABus · Pull Request #10651 · NativeScript/NativeScript · GitHub

Open Graph Title: fix(android): Background image incorrect aspect ratio by CatchABus · Pull Request #10651 · NativeScript/NativeScript

X Title: fix(android): Background image incorrect aspect ratio by CatchABus · Pull Request #10651 · NativeScript/NativeScript

Description: PR Checklist The PR title follows our guidelines: https://github.com/NativeScript/NativeScript/blob/master/tools/notes/CONTRIBUTING.md#commit-messages. There is an issue for the bug/feature this PR is for. To avoid wasting your time, it's best to open a suggestion issue first and wait for approval before working on it. You have signed the CLA. All existing tests are passing: https://github.com/NativeScript/NativeScript/blob/master/tools/notes/DevelopmentWorkflow.md#running-unit-tests-application. Tests for the changes are included - https://github.com/NativeScript/NativeScript/blob/master/tools/notes/WritingUnitTests.md. What is the current behavior? On android, there are cases when large images used as backgrounds lose their aspect ratio. That is due to hardcoded limits in Fetcher class that attempt to downscale bitmaps to device screen bounds at certain cases. What I mentioned above is an old feature that's implemented since old tns-core-widgets repo. See NativeScript/tns-core-modules-widgets#115 Here is an example of how a large image used as a background with size contain looks in both platforms. You'll notice that the android version upscales vertically. What is the new behavior? From now on, background fetched images will keep aspect ratio by default. Result

Open Graph Description: PR Checklist The PR title follows our guidelines: https://github.com/NativeScript/NativeScript/blob/master/tools/notes/CONTRIBUTING.md#commit-messages. There is an issue for the bug/feature this...

X Description: PR Checklist The PR title follows our guidelines: https://github.com/NativeScript/NativeScript/blob/master/tools/notes/CONTRIBUTING.md#commit-messages. There is an issue for the bug/feature this...

Opengraph URL: https://github.com/NativeScript/NativeScript/pull/10651

X: @github

direct link

Domain: github.com

route-pattern/:user_id/:repository/pull/:id/files(.:format)
route-controllerpull_requests
route-actionfiles
fetch-noncev2:dec18ee1-7dda-7357-3bcd-a11b3b40d319
current-catalog-service-hashae870bc5e265a340912cde392f23dad3671a0a881730ffdadd82f2f57d81641b
request-idD560:25B02F:BA57B0:F921B6:6A5BBFAD
html-safe-noncec094a690d5dc750f014c8c89b326a598f93d7a3b73dc93e94936d84a2bd03d19
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJENTYwOjI1QjAyRjpCQTU3QjA6RjkyMUI2OjZBNUJCRkFEIiwidmlzaXRvcl9pZCI6Ijc4MjI5ODExNzEzNDExNDgwNzciLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ==
visitor-hmacad6fcdeda4877aae674de4bcbce5257e807b915c8826cbbd18f0f6425a96b3d8
hovercard-subject-tagpull_request:2180789476
github-keyboard-shortcutsrepository,pull-request-list,pull-request-conversation,pull-request-files-changed,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///pull_requests/show/files
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/NativeScript/NativeScript/pull/10651/files
twitter:imagehttps://avatars.githubusercontent.com/u/55595100?s=400&v=4
twitter:cardsummary_large_image
og:imagehttps://avatars.githubusercontent.com/u/55595100?s=400&v=4
og:image:altPR Checklist The PR title follows our guidelines: https://github.com/NativeScript/NativeScript/blob/master/tools/notes/CONTRIBUTING.md#commit-messages. There is an issue for the bug/feature this...
og:site_nameGitHub
og:typeobject
hostnamegithub.com
expected-hostnamegithub.com
None5290d7e14309ad1e76106a9c4237bd1041517e83ea182c8ab756752cb0c6940b
turbo-cache-controlno-preview
diff-viewunified
go-importgithub.com/NativeScript/NativeScript git https://github.com/NativeScript/NativeScript.git
octolytics-dimension-user_id7392261
octolytics-dimension-user_loginNativeScript
octolytics-dimension-repository_id31492490
octolytics-dimension-repository_nwoNativeScript/NativeScript
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id31492490
octolytics-dimension-repository_network_root_nwoNativeScript/NativeScript
turbo-body-classeslogged-out env-production page-responsive full-width
disable-turbotrue
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release9c975978430e9ad293956f2bbdaf153b1bd84a99
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/NativeScript/NativeScript/pull/10651/files#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FNativeScript%2FNativeScript%2Fpull%2F10651%2Ffiles
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub Copilot appDirect agents from issue to mergehttps://github.com/features/ai/github-app
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
View all resourceshttps://github.com/resources
GitHub SponsorsFund open source developershttps://github.com/open-source/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/open-source/accelerator
GitHub Starshttps://stars.github.com
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/enterprise/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FNativeScript%2FNativeScript%2Fpull%2F10651%2Ffiles
Sign up https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fpull_requests%2Fshow%2Ffiles&source=header-repo&source_repo=NativeScript%2FNativeScript
Reloadhttps://github.com/NativeScript/NativeScript/pull/10651/files
Reloadhttps://github.com/NativeScript/NativeScript/pull/10651/files
Reloadhttps://github.com/NativeScript/NativeScript/pull/10651/files
Please reload this pagehttps://github.com/NativeScript/NativeScript/pull/10651/files
NativeScript https://github.com/NativeScript
NativeScripthttps://github.com/NativeScript/NativeScript
Please reload this pagehttps://github.com/NativeScript/NativeScript/pull/10651/files
Notifications https://github.com/login?return_to=%2FNativeScript%2FNativeScript
Fork 1.7k https://github.com/login?return_to=%2FNativeScript%2FNativeScript
Star 25.6k https://github.com/login?return_to=%2FNativeScript%2FNativeScript
Code https://github.com/NativeScript/NativeScript
Issues 771 https://github.com/NativeScript/NativeScript/issues
Pull requests 67 https://github.com/NativeScript/NativeScript/pulls
Discussions https://github.com/NativeScript/NativeScript/discussions
Actions https://github.com/NativeScript/NativeScript/actions
Projects https://github.com/NativeScript/NativeScript/projects
Wiki https://github.com/NativeScript/NativeScript/wiki
Security and quality 0 https://github.com/NativeScript/NativeScript/security
Insights https://github.com/NativeScript/NativeScript/pulse
Code https://github.com/NativeScript/NativeScript
Issues https://github.com/NativeScript/NativeScript/issues
Pull requests https://github.com/NativeScript/NativeScript/pulls
Discussions https://github.com/NativeScript/NativeScript/discussions
Actions https://github.com/NativeScript/NativeScript/actions
Projects https://github.com/NativeScript/NativeScript/projects
Wiki https://github.com/NativeScript/NativeScript/wiki
Security and quality https://github.com/NativeScript/NativeScript/security
Insights https://github.com/NativeScript/NativeScript/pulse
Sign up for GitHub https://github.com/signup?return_to=%2FNativeScript%2FNativeScript%2Fissues%2Fnew%2Fchoose
terms of servicehttps://docs.github.com/terms
privacy statementhttps://docs.github.com/privacy
Sign inhttps://github.com/login?return_to=%2FNativeScript%2FNativeScript%2Fissues%2Fnew%2Fchoose
NathanWalkerhttps://github.com/NathanWalker
NativeScript:mainhttps://github.com/NativeScript/NativeScript/tree/main
CatchABus:fix/android-background-size-containhttps://github.com/CatchABus/NativeScript/tree/fix/android-background-size-contain
Conversation 0 https://github.com/NativeScript/NativeScript/pull/10651
Commits 4 https://github.com/NativeScript/NativeScript/pull/10651/commits
Checks 0 https://github.com/NativeScript/NativeScript/pull/10651/checks
Files changed https://github.com/NativeScript/NativeScript/pull/10651/files
Please reload this pagehttps://github.com/NativeScript/NativeScript/pull/10651/files
fix(android): Background image incorrect aspect ratio https://github.com/NativeScript/NativeScript/pull/10651/files#top
Show all changes 4 commits https://github.com/NativeScript/NativeScript/pull/10651/files
887575e fix(android): Background image incorrect aspect ratio CatchABus Nov 14, 2024 https://github.com/NativeScript/NativeScript/pull/10651/commits/887575ea2bd6232a3669ec63798938502a9102b6
3c303b5 chore: Removed TODO comment CatchABus Nov 15, 2024 https://github.com/NativeScript/NativeScript/pull/10651/commits/3c303b5f6f6d15f1a10bb9e754ee7fef6582fd4e
54af6a3 Merge branch 'main' into fix/android-background-size-contain NathanWalker Nov 19, 2024 https://github.com/NativeScript/NativeScript/pull/10651/commits/54af6a3503244e140ad71b4ad26a2fe79754230f
150384d Merge branch 'main' into fix/android-background-size-contain NathanWalker Jan 13, 2025 https://github.com/NativeScript/NativeScript/pull/10651/commits/150384daa0e219e2be91bc34b517e2d057b72ff2
Clear filters https://github.com/NativeScript/NativeScript/pull/10651/files
Please reload this pagehttps://github.com/NativeScript/NativeScript/pull/10651/files
Please reload this pagehttps://github.com/NativeScript/NativeScript/pull/10651/files
widgets-release.aar https://github.com/NativeScript/NativeScript/pull/10651/files#diff-c1800d8414caf0e6fcc80424b08bb070bb35d7611d13a100eabdf20c3e63d293
BorderDrawable.java https://github.com/NativeScript/NativeScript/pull/10651/files#diff-69e4d6c9db9dcb207073c0ce48fae868213f8b343f0b2d1d1e5d8962b4c47a61
Fetcher.java https://github.com/NativeScript/NativeScript/pull/10651/files#diff-964e73fd99757f5a67fff9c568fd287e4ec88ad62ae9d5b55e85cd07812ae348
packages/core/platforms/android/widgets-release.aarhttps://github.com/NativeScript/NativeScript/pull/10651/files#diff-c1800d8414caf0e6fcc80424b08bb070bb35d7611d13a100eabdf20c3e63d293
View file https://github.com/CatchABus/NativeScript/blob/150384daa0e219e2be91bc34b517e2d057b72ff2/packages/core/platforms/android/widgets-release.aar
Open in desktop https://desktop.github.com
...ui-mobile-base/android/widgets/src/main/java/org/nativescript/widgets/BorderDrawable.javahttps://github.com/NativeScript/NativeScript/pull/10651/files#diff-69e4d6c9db9dcb207073c0ce48fae868213f8b343f0b2d1d1e5d8962b4c47a61
View file https://github.com/CatchABus/NativeScript/blob/150384daa0e219e2be91bc34b517e2d057b72ff2/packages/ui-mobile-base/android/widgets/src/main/java/org/nativescript/widgets/BorderDrawable.java
Open in desktop https://desktop.github.com
https://github.co/hiddenchars
https://github.com/NativeScript/NativeScript/pull/10651/{{ revealButtonHref }}
https://github.com/NativeScript/NativeScript/pull/10651/files#diff-69e4d6c9db9dcb207073c0ce48fae868213f8b343f0b2d1d1e5d8962b4c47a61
https://github.com/NativeScript/NativeScript/pull/10651/files#diff-69e4d6c9db9dcb207073c0ce48fae868213f8b343f0b2d1d1e5d8962b4c47a61
.../ui-mobile-base/android/widgets/src/main/java/org/nativescript/widgets/image/Fetcher.javahttps://github.com/NativeScript/NativeScript/pull/10651/files#diff-964e73fd99757f5a67fff9c568fd287e4ec88ad62ae9d5b55e85cd07812ae348
View file https://github.com/CatchABus/NativeScript/blob/150384daa0e219e2be91bc34b517e2d057b72ff2/packages/ui-mobile-base/android/widgets/src/main/java/org/nativescript/widgets/image/Fetcher.java
Open in desktop https://desktop.github.com
https://github.co/hiddenchars
https://github.com/NativeScript/NativeScript/pull/10651/{{ revealButtonHref }}
https://github.com/NativeScript/NativeScript/pull/10651/files#diff-964e73fd99757f5a67fff9c568fd287e4ec88ad62ae9d5b55e85cd07812ae348
https://github.com/NativeScript/NativeScript/pull/10651/files#diff-964e73fd99757f5a67fff9c568fd287e4ec88ad62ae9d5b55e85cd07812ae348
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width


URLs of crawlers that visited me.