Allow custom heights (non-squares)
See original GitHub issueHi there,
I’m interested in making a tall dayComponent
element. It looks like there isn’t a good way to do this yet. The code says to assume square element sizes
.
One way to make this work would be to allow a number or an object to be passed by the user.
// So you could do
maxDayComponentSize={80}
// or
maxDayComponentSize={{
height: 80,
width: 300,
}}
Another approach would be to change the height of the element to a min-height. This wouldn’t change the API at all, which is nice.
<View style={[this.props.innerStyle, { height: this.state.height }]}>
(source)
Issue Analytics
- State:
- Created 3 years ago
- Comments:11 (3 by maintainers)
Top Results From Across the Web
How to make a square <div> in CSS with a width refering ...
I've seen a solution with the padding-top property (example), but it only works with a given height . Another way is a JavaScript/jQuery...
Read more >Get Height and Width of squares in a square
How can I calculate the height and the width of each sub-square? ... yeah it assumed things are squares non squares are slightly...
Read more >3. Render Extents and Project Setup
World Machine allows you to have multiple Render Extents defined. ... If you want to set a completely custom resolution, just choose ...
Read more >Project Properties Inspector controls in Motion
In Motion, the Project Properties Inspector controls let you change project size, background color, rendering options, motion blur, and more.
Read more >Work with aspect ratios in Premiere Pro
Under Video, enter the Frame Size(height) and horizontal(width). Premiere Pro automatically generates the aspect ratio. Fill out the respective ...
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 Free
Top 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
#273 I’ve made a PR about it and I will keep my attention on it so maybe we can add this feature.
Ok I gave this a try.
The height of the inner element is increased but not the height of the
Scroller
. Here you can see the red is frominnerStyle
and the orange is on my customdayComponent
.I’m trying to make the
dayComponent
s taller but the scroller cannot be set except withmin/maxDayComponentSize
(I think).Here’s where the scroller height is set.
Perhaps adding a new style object prop like
scrollerStyle
? What do you think?