Docs: mention Modal state:modalVisible is required

[morenoh149]

The following works

import React from 'react-native'
import _ from 'lodash'
import { Icon } from 'react-native-icons'

const {
  Modal,
  StyleSheet,
  Text,
  TouchableHighlight,
  View,
  Dimensions,
  ScrollView,
} = React;

class InviteModal extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      animated: true,
      modalVisible: false,
      transparent: true,
    };
  }

  handleDismiss(errorId) {
    this.setState({
      modalVisible: false
    })
  }

  render() {
    return (
      <View>
        <Modal
          animated={true}
          transparent={true}
          visible={this.state.modalVisible}
        >
          <View style={styles.container}>
            <View style={styles.innerContainer}>
              <ScrollView style={styles.errorsContainer}>
              </ScrollView>
              <TouchableHighlight
                style={styles.button}
                onPress={::this.handleDismiss}
                underlayColor={'#fff'}
              >
                <Text style={styles.buttonText}>Dismiss</Text>
              </TouchableHighlight>
            </View>
          </View>
        </Modal>
      </View>
    );
  }
};

var styles = StyleSheet.create({
});

var { height: deviceHeight } = Dimensions.get('window');

export default InviteModal

but if you remove this.state.modalVisible it does not work. I get Exception thrown while executing UI block: Can't present modal view controller without a presenting view controller. Either the docs should mention such a requirement or the error should be more descriptive.

Ref: #2952

[javache]

I'll actually change the default here, so the default value for visible is true.