{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/18177","repository_url":"https://api.github.com/repos/facebook/react-native","labels_url":"https://api.github.com/repos/facebook/react-native/issues/18177/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/18177/comments","events_url":"https://api.github.com/repos/facebook/react-native/issues/18177/events","html_url":"https://github.com/facebook/react-native/issues/18177","id":302032518,"node_id":"MDU6SXNzdWUzMDIwMzI1MTg=","number":18177,"title":"Modal component does not support SafeAreaView bottom margin","user":{"login":"LutherBaker","id":144541,"node_id":"MDQ6VXNlcjE0NDU0MQ==","avatar_url":"https://avatars2.githubusercontent.com/u/144541?v=4","gravatar_id":"","url":"https://api.github.com/users/LutherBaker","html_url":"https://github.com/LutherBaker","followers_url":"https://api.github.com/users/LutherBaker/followers","following_url":"https://api.github.com/users/LutherBaker/following{/other_user}","gists_url":"https://api.github.com/users/LutherBaker/gists{/gist_id}","starred_url":"https://api.github.com/users/LutherBaker/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/LutherBaker/subscriptions","organizations_url":"https://api.github.com/users/LutherBaker/orgs","repos_url":"https://api.github.com/users/LutherBaker/repos","events_url":"https://api.github.com/users/LutherBaker/events{/privacy}","received_events_url":"https://api.github.com/users/LutherBaker/received_events","type":"User","site_admin":false},"labels":[{"id":337217254,"node_id":"MDU6TGFiZWwzMzcyMTcyNTQ=","url":"https://api.github.com/repos/facebook/react-native/labels/Ran%20Commands","name":"Ran Commands","color":"ffffff","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":12,"created_at":"2018-03-03T21:10:28Z","updated_at":"2018-11-13T15:21:30Z","closed_at":null,"author_association":"NONE","body":"`SafeAreaView` bottom margin is not honored inside of a `Modal` on an iPhone X.\r\n\r\n### Environment\r\n\r\nEnvironment:\r\n  OS: macOS Sierra 10.12.6\r\n  Node: 9.7.1\r\n  Yarn: 1.5.1\r\n  npm: 5.6.0\r\n  Watchman: 4.7.0\r\n  Xcode: Xcode 9.1 Build version 9B55\r\n  Android Studio: 3.0 AI-171.4443003\r\n\r\nPackages: (wanted => installed)\r\n  react: 16.2.0 => 16.2.0\r\n  react-native: 0.53.3 => 0.53.3\r\n\r\n### Expected Behavior\r\n\r\nOn an iPhone X, when a full screen component wrapped in a `SafeAreaView` renders correctly on the root view of the application, it should also render correctly when used inside of a `Modal`.\r\n\r\n### Actual Behavior\r\n\r\nOn an iPhone X, a full screen component wrapped in a `SafeAreaView` renders correctly on the root view of the application **but** it does not render correctly when used inside of a `Modal`.\r\n\r\nSpecifically, the HEADER margin is present but the FOOTER margin is missing. The full screen component goes to the bottom edge of the iPhone X (simulator).\r\n\r\n### Steps to Reproduce\r\n\r\n1. Run the Snack on an iPhone X simulator\r\n2. Find `render()` and note the two options (one with modal, one not)\r\n3. Comment the options appropriately and see the issue\r\n4. Remember, you need to run this on an iPhone X to see the problem\r\n\r\nhttps://snack.expo.io/@lutherbaker/modal---safeareaview\r\n"},"comment":{"url":"https://api.github.com/repos/facebook/react-native/issues/comments/438304295","html_url":"https://github.com/facebook/react-native/issues/18177#issuecomment-438304295","issue_url":"https://api.github.com/repos/facebook/react-native/issues/18177","id":438304295,"node_id":"MDEyOklzc3VlQ29tbWVudDQzODMwNDI5NQ==","user":{"login":"erickjth","id":287978,"node_id":"MDQ6VXNlcjI4Nzk3OA==","avatar_url":"https://avatars1.githubusercontent.com/u/287978?v=4","gravatar_id":"","url":"https://api.github.com/users/erickjth","html_url":"https://github.com/erickjth","followers_url":"https://api.github.com/users/erickjth/followers","following_url":"https://api.github.com/users/erickjth/following{/other_user}","gists_url":"https://api.github.com/users/erickjth/gists{/gist_id}","starred_url":"https://api.github.com/users/erickjth/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/erickjth/subscriptions","organizations_url":"https://api.github.com/users/erickjth/orgs","repos_url":"https://api.github.com/users/erickjth/repos","events_url":"https://api.github.com/users/erickjth/events{/privacy}","received_events_url":"https://api.github.com/users/erickjth/received_events","type":"User","site_admin":false},"created_at":"2018-11-13T15:21:30Z","updated_at":"2018-11-13T15:21:30Z","author_association":"NONE","body":"I am having the same issue in 0.56."}}
{"actor":{"display_login":"erickjth"}}