Picker does not show inside Modal

[matc4]

Hello, first, Great Work with this component!,

A simple Picker is not showing inside Modal. <Picker > <Picker.Item label="0" value="0" /> <Picker.Item label="1" value="1" /> </Picker>

[maxs15]

Thanks @matiascba ! Are you using the RN Picker component ?

[matc4]

Yes, is the RN Picker

[maxs15]

Ok, I will check that

[72apps]

It kinda works for me, but sometimes (maybe 15% of the time), the ModalBox aligns itself a few pixels below the bottom of the screen. I've also tried centering it in the page, but the same thing happens... ModalBox renders off center vertically. Not sure if this is related to the Picker being in the ModalBox, or if this is a common issue no matter what component you put in it.

Here is the code I'm using.

<ModalBox position={'bottom'} style={[styles.modal]} ref={"gameTypeModal"} swipeToClose={false} onClosed={this.onClose.bind(this)} onOpened={this.onOpen.bind(this)} onClosingState={this.onClosingState.bind(this)}>
  <Picker style={{alignSelf:'stretch',backgroundColor:'white'}} selectedValue={game.type} onValueChange={this._pickerDidChange.bind(this)}>
    {pickerItems}
  </Picker>
</ModalBox>

let pickerItems = Object.keys(gameTypes).sort().map((key, index) => {
  let gameDetails = gameTypes[key];
  return (<Picker.Item key={index} label={gameDetails.name} value={key} />);
});

const styles = StyleSheet.create({
  modal: {
    height:220,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor:'transparent',
  },
  text: {
    height : 100,
    color: "black",
    fontSize: 22,
    backgroundColor : 'red',
  }
})

[serfgy]

Any updates on this issue?