Modal don't close on android

Hello,

The modal don’t want to close on android when i try to update the state of my parent component. Here is my code :

Children component :

<ModalSelector
            data={data}
            initValue="Référence dalle"
            cancelText={"Annuler"}
            animationType="none"
            onChange={item => {
              this.setState({ selected_item: item.key });
              this.props.setState("test", "test");
            }}
          />

Parent component :

  _setState(name, value) {
    console.log(name + " " + value);
    this.setState({ [name]: value });
  }

<InputSlabReference
              slab_ref={this.state.slab_ref}
              setState={this._setState}
/>

But if i do the following, it’s working :

<ModalSelector
            data={data}
            initValue="Référence dalle"
            cancelText={"Annuler"}
            animationType="none"
            onChange={item => {
              this.setState({ selected_item: item.key });
            }}
          />

Can somebody explain to me what I’m doing wrong?

Thanks 😃

[peacechen]

Good investigating. Does that library have a conflict with the built-in React Native modal? This library uses that internally.

I noticed this in the react-native-simple-radio-button source code:

if (Platform.OS === 'android') {
  UIManager.setLayoutAnimationEnabledExperimental && 
  UIManager.setLayoutAnimationEnabledExperimental(true);
}

Try to comment that out and see if it fixes your issue.

[vitorsgomes]

I facing the same issue here, what I’m doing is to disable the animation until it gets fixed.