Comments (2)
I've had the same problem. It seems to be caused when a resizable image is used in a card. If there aren't enough cards to force the grid container size large enough, the images will get squished.
I haven't found a workaround yet, but we either need to find a way to make the waterfall grid create enough space for the images to scale up to their full preferred height, or we need to find a way to tell our images to be more agressive and demand the vertical space they need.
You can reproduce this issue in the sample app either on the images or the cards view by modifying the generator code to only spit out one row's worth of images or cards.
from waterfallgrid.
I've had the same problem. It seems to be caused when a resizable image is used in a card. If there aren't enough cards to force the grid container size large enough, the images will get squished.
I haven't found a workaround yet, but we either need to find a way to make the waterfall grid create enough space for the images to scale up to their full preferred height, or we need to find a way to tell our images to be more agressive and demand the vertical space they need.
You can reproduce this issue in the sample app either on the images or the cards view by modifying the generator code to only spit out one row's worth of images or cards.
I also have this issue with resizable images in a card. Whenever I have 2 cards (in a 2 column grid), the images get squished into having 0 height (unless I specify a height on it's frame). Whenever I add a 3rd card which seems to make the grid container larger, then all the images display properly.
Does anyone have a fix for this? Even a hack to make it work properly for now?
from waterfallgrid.
Related Issues (20)
- Support for async images with placeholder?
- Getting Cannot convert value of type 'some View' to closure result type '_' HOT 3
- iOS 14 HOT 6
- Can I use in Rxswift?
- Grid missing inside scrollview HOT 2
- Can't see on Canvas, on in Preview Mode HOT 1
- Bound preference ElementPreferenceKey tried to update multiple times per frame HOT 3
- Waterfall Grid Sample App not displaying full content in CardsGrid when 1 or 2 assets in grid HOT 3
- Invalid frame dimension (negative or non-finite) HOT 2
- Use Kingfisher on the waterfall grid
- Cannot find 'WaterfallGrid' in scope
- Grid 1 HOT 1
- Nondeterministic layout bug HOT 5
- How to solve the lazy loading problem, very stuck HOT 1
- Problem with pagination / Load more
- Span over columns HOT 1
- If there are less than two images to be displayed, nothing will be displayed. HOT 3
- Item sizes are all the same in Column / Horizontal Layout
- unable to show all imgs
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from waterfallgrid.