Allow custom heights (non-squares)

Hi 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)

[pedrobslisboa]

#273 I’ve made a PR about it and I will keep my attention on it so maybe we can add this feature.

[jimbol]

Ok I gave this a try.

innerStyle={{
  backgroundColor: 'red',
  minHeight: 200,
}}

The height of the inner element is increased but not the height of the Scroller. Here you can see the red is from innerStyle and the orange is on my custom dayComponent.

I’m trying to make the dayComponents taller but the scroller cannot be set except with min/maxDayComponentSize (I think).

Here’s where the scroller height is set.

      <View
        style={{ height: this.state.itemHeight, flex: 1 }}
        onLayout={this.onLayout}

Perhaps adding a new style object prop like scrollerStyle? What do you think?