{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/9731","repository_url":"https://api.github.com/repos/facebook/react-native","labels_url":"https://api.github.com/repos/facebook/react-native/issues/9731/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/9731/comments","events_url":"https://api.github.com/repos/facebook/react-native/issues/9731/events","html_url":"https://github.com/facebook/react-native/issues/9731","id":174985368,"number":9731,"title":"Running on the Android Tablet, modal is not full screen","user":{"login":"guowang1102","id":13887297,"avatar_url":"https://avatars.githubusercontent.com/u/13887297?v=3","gravatar_id":"","url":"https://api.github.com/users/guowang1102","html_url":"https://github.com/guowang1102","followers_url":"https://api.github.com/users/guowang1102/followers","following_url":"https://api.github.com/users/guowang1102/following{/other_user}","gists_url":"https://api.github.com/users/guowang1102/gists{/gist_id}","starred_url":"https://api.github.com/users/guowang1102/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/guowang1102/subscriptions","organizations_url":"https://api.github.com/users/guowang1102/orgs","repos_url":"https://api.github.com/users/guowang1102/repos","events_url":"https://api.github.com/users/guowang1102/events{/privacy}","received_events_url":"https://api.github.com/users/guowang1102/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-09-05T02:36:21Z","updated_at":"2016-09-05T03:12:29Z","closed_at":null,"body":"Running on the Android Tablet, modal is not full screen. \r\nUse code:\r\n`/**\r\n * Sample React Native App\r\n * https://github.com/facebook/react-native\r\n * @flow\r\n */\r\n\r\nimport React, { Component } from 'react';\r\nimport {\r\n  AppRegistry,\r\n  StyleSheet,\r\n  Text,\r\n  View,\r\n  Modal,\r\n  NativeModules,\r\n  TouchableHighlight,\r\n  Switch,\r\n} from 'react-native';\r\n\r\nvar bluetooth = NativeModules.Bluetooth;\r\nvar Dimensions = require('Dimensions');\r\n\r\n\r\n\r\nvar Button = React.createClass({\r\n  getInitialState() {\r\n    return {\r\n      active: false,\r\n    };\r\n  },\r\n\r\n  _onHighlight() {\r\n    this.setState({active: true});\r\n  },\r\n\r\n  _onUnhighlight() {\r\n    this.setState({active: false});\r\n  },\r\n\r\n  render() {\r\n    var colorStyle = {\r\n      color: this.state.active ? '#fff' : '#000',\r\n    };\r\n    return (\r\n      <TouchableHighlight\r\n        onHideUnderlay={this._onUnhighlight}\r\n        onPress={this.props.onPress}\r\n        onShowUnderlay={this._onHighlight}\r\n        style={[styles.button, this.props.style]}\r\n        underlayColor=\"#a9d9d4\">\r\n          <Text style={[styles.buttonText, colorStyle]}>{this.props.children}</Text>\r\n      </TouchableHighlight>\r\n    );\r\n  }\r\n});\r\n\r\nvar ModalExample = React.createClass({\r\n  getInitialState() {\r\n    return {\r\n      animationType: 'none',\r\n      modalVisible: false,\r\n      transparent: false,\r\n    };\r\n  },\r\n\r\n  _setModalVisible(visible) {\r\n    this.setState({modalVisible: visible});\r\n  },\r\n\r\n  _setAnimationType(type) {\r\n    this.setState({animationType: type});\r\n  },\r\n\r\n  _toggleTransparent() {\r\n    this.setState({transparent: !this.state.transparent});\r\n  },\r\n\r\n  render() {\r\n    var modalBackgroundStyle = {\r\n      backgroundColor: this.state.transparent ? 'rgba(0, 0, 0, 0.5)' : '#f5fcff',\r\n    };\r\n    var innerContainerTransparentStyle = this.state.transparent\r\n      ? {backgroundColor: '#fff', padding: 20}\r\n      : null;\r\n    var activeButtonStyle = {\r\n      backgroundColor: '#ddd'\r\n    };\r\n\r\n    return (\r\n      <View>\r\n        <Modal\r\n          animationType={this.state.animationType}\r\n          transparent={this.state.transparent}\r\n          visible={this.state.modalVisible}\r\n          onRequestClose={() => {this._setModalVisible(false)}}\r\n          >\r\n          <View style={[styles.container, modalBackgroundStyle]}>\r\n            <View style={[styles.innerContainer, innerContainerTransparentStyle]}>\r\n              <Text>This modal was presented {this.state.animationType === 'none' ? 'without' : 'with'} animation.</Text>\r\n              <Button\r\n                onPress={this._setModalVisible.bind(this, false)}\r\n                style={styles.modalButton}>\r\n                Close\r\n              </Button>\r\n            </View>\r\n          </View>\r\n        </Modal>\r\n        <View style={styles.row}>\r\n          <Text style={styles.rowTitle}>Animation Type</Text>\r\n          <Button onPress={this._setAnimationType.bind(this, 'none')} style={this.state.animationType === 'none' ? activeButtonStyle : {}}>\r\n            none\r\n          </Button>\r\n          <Button onPress={this._setAnimationType.bind(this, 'slide')} style={this.state.animationType === 'slide' ? activeButtonStyle : {}}>\r\n            slide\r\n          </Button>\r\n          <Button onPress={this._setAnimationType.bind(this, 'fade')} style={this.state.animationType === 'fade' ? activeButtonStyle : {}}>\r\n            fade\r\n          </Button>\r\n        </View>\r\n\r\n        <View style={styles.row}>\r\n          <Text style={styles.rowTitle}>Transparent</Text>\r\n          <Switch value={this.state.transparent} onValueChange={this._toggleTransparent} />\r\n        </View>\r\n\r\n        <Button onPress={this._setModalVisible.bind(this, true)}>\r\n          Present\r\n        </Button>\r\n      </View>\r\n    );\r\n  },\r\n});\r\n\r\nconst styles = StyleSheet.create({\r\n  container: {\r\n    flex: 1,\r\n    justifyContent: 'center',\r\n    padding: 20,\r\n  },\r\n  innerContainer: {\r\n    borderRadius: 10,\r\n    alignItems: 'center',\r\n  },\r\n  row: {\r\n    alignItems: 'center',\r\n    flex: 1,\r\n    flexDirection: 'row',\r\n    marginBottom: 20,\r\n  },\r\n  rowTitle: {\r\n    flex: 1,\r\n    fontWeight: 'bold',\r\n  },\r\n  button: {\r\n    borderRadius: 5,\r\n    flex: 1,\r\n    height: 44,\r\n    alignSelf: 'stretch',\r\n    justifyContent: 'center',\r\n    overflow: 'hidden',\r\n  },\r\n  buttonText: {\r\n    fontSize: 18,\r\n    margin: 5,\r\n    textAlign: 'center',\r\n  },\r\n  modalButton: {\r\n    marginTop: 10,\r\n  },\r\n});\r\n\r\nAppRegistry.registerComponent('BatchCard', () => ModalExample);`\r\ndevices information: lenovo TAB2 a10\r\nScreen size: 10 inches\r\nResolving power：1920x1200\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/facebook/react-native/issues/comments/244650215","html_url":"https://github.com/facebook/react-native/issues/9731#issuecomment-244650215","issue_url":"https://api.github.com/repos/facebook/react-native/issues/9731","id":244650215,"user":{"login":"guowang1102","id":13887297,"avatar_url":"https://avatars.githubusercontent.com/u/13887297?v=3","gravatar_id":"","url":"https://api.github.com/users/guowang1102","html_url":"https://github.com/guowang1102","followers_url":"https://api.github.com/users/guowang1102/followers","following_url":"https://api.github.com/users/guowang1102/following{/other_user}","gists_url":"https://api.github.com/users/guowang1102/gists{/gist_id}","starred_url":"https://api.github.com/users/guowang1102/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/guowang1102/subscriptions","organizations_url":"https://api.github.com/users/guowang1102/orgs","repos_url":"https://api.github.com/users/guowang1102/repos","events_url":"https://api.github.com/users/guowang1102/events{/privacy}","received_events_url":"https://api.github.com/users/guowang1102/received_events","type":"User","site_admin":false},"created_at":"2016-09-05T03:12:29Z","updated_at":"2016-09-05T03:12:29Z","body":"helper me "}}
{"actor":{"display_login":"guowang1102"}}