Multiple Picker Groups is overflowing from screen

[itsramiel]

I am trying to simulate a datetime picker , but because it is alotting the same space for every group, one of the groups is overflowing.
Is it possible to maybe assign a flex value to each GroupPicker or something similar to shrink, expand?

[Liamandrew]

There could be a few potential solutions here. Is this only a problem on Android?

[itsramiel]

I am not sure really, couldnt try it on an iphone. I would have to create a new expo client which is a hassle, If it is needed, let me know and I'll do it

[Liamandrew]

This is more difficult than I originally thought to solve properly on Android. It might require changing the native library being used which is a bigger piece of work that will need to be investigated.

For now, in v0.4.0 there is a new prop width that can be used to help with your layout a bit:

<Picker>
  <PickerColumn>
    <PickerItem label="Tomorrow (Wednesday)" value="1" />
    <PickerItem label="Tomorrow (Wednesday)" value="2" />
    <PickerItem label="Tomorrow (Wednesday)" value="3" />
    <PickerItem label="Tomorrow (Wednesday)" value="4" />
    <PickerItem label="Tomorrow (Wednesday)" value="5" />
  </PickerColumn>
  <PickerColumn width={60}>
    <PickerItem label="1" value="1" />
    <PickerItem label="2" value="2" />
    <PickerItem label="3" value="3" />
    <PickerItem label="4" value="4" />
    <PickerItem label="5" value="5" />
  </PickerColumn>
  <PickerColumn width={60}>
    <PickerItem label="1" value="1" />
    <PickerItem label="2" value="2" />
    <PickerItem label="3" value="3" />
    <PickerItem label="4" value="4" />
    <PickerItem label="5" value="5" />
  </PickerColumn>
</Picker>

[itsramiel]

Thank you