{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/17944","repository_url":"https://api.github.com/repos/facebook/react-native","labels_url":"https://api.github.com/repos/facebook/react-native/issues/17944/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/17944/comments","events_url":"https://api.github.com/repos/facebook/react-native/issues/17944/events","html_url":"https://github.com/facebook/react-native/issues/17944","id":296268061,"number":17944,"title":"ListEmptyComponent not taking full screen with flex 1 in SectionList","user":{"login":"AlexisLeon","id":10150214,"avatar_url":"https://avatars2.githubusercontent.com/u/10150214?v=4","gravatar_id":"","url":"https://api.github.com/users/AlexisLeon","html_url":"https://github.com/AlexisLeon","followers_url":"https://api.github.com/users/AlexisLeon/followers","following_url":"https://api.github.com/users/AlexisLeon/following{/other_user}","gists_url":"https://api.github.com/users/AlexisLeon/gists{/gist_id}","starred_url":"https://api.github.com/users/AlexisLeon/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AlexisLeon/subscriptions","organizations_url":"https://api.github.com/users/AlexisLeon/orgs","repos_url":"https://api.github.com/users/AlexisLeon/repos","events_url":"https://api.github.com/users/AlexisLeon/events{/privacy}","received_events_url":"https://api.github.com/users/AlexisLeon/received_events","type":"User","site_admin":false},"labels":[{"id":860843489,"url":"https://api.github.com/repos/facebook/react-native/labels/Lists%20:scroll:","name":"Lists :scroll:","color":"fef2c0","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2018-02-12T05:11:27Z","updated_at":"2018-03-12T11:30:42Z","closed_at":null,"author_association":"NONE","body":"### Is this a bug report?\r\n\r\nYes\r\n\r\n### Have you read the [Contributing Guidelines](https://facebook.github.io/react-native/docs/contributing.html)?\r\n\r\nYes\r\n\r\n### Environment\r\n\r\n```\r\nEnvironment:\r\n  OS: macOS High Sierra 10.13.3\r\n  Node: 8.9.0\r\n  Yarn: 1.3.2\r\n  npm: 5.6.0\r\n  Watchman: 4.9.0\r\n  Xcode: Xcode 9.2 Build version 9C40b\r\n  Android Studio: 2.3 AI-162.4069837\r\n\r\nPackages: (wanted => installed)\r\n  react: ^16.2.0 => 16.2.0\r\n  react-native: 0.53.0 => 0.53.0\r\n```\r\n\r\n### Expected Behavior\r\n`ListEmptyComponent` (my `EmptyComponent`) has style `flex: 1` and should be rendered taking full screen.\r\nIf `ListHeaderComponent` or `ListFooterComponent` are defined and styled with `flex: 1`, should render the elements with the same proportion and using the **whole screen**.\r\n\r\n![simulator screen shot - iphone 8 plus - 2018-02-11 at 22 55 10](https://user-images.githubusercontent.com/10150214/36084056-f4ffab92-0f7e-11e8-823c-a4fae0ecdeac.png)\r\n\r\n\r\n### Actual Behavior\r\n`ListEmptyComponent` (my `EmptyComponent`) renders using only the space it needs (to fit).\r\n\r\n![simulator screen shot - iphone 8 plus - 2018-02-11 at 22 54 56](https://user-images.githubusercontent.com/10150214/36084057-f52ca9bc-0f7e-11e8-9080-e1dc1eff8624.png)\r\n\r\n\r\n### Reproducible Demo\r\n\r\n```javascript\r\nimport React from 'react';\r\nimport { SectionList, Text, View, StyleSheet } from 'react-native';\r\n\r\nconst EmptyComponent = ({ title }) => (\r\n  <View style={styles.emptyContainer}>\r\n    <Text style={styles.emptyText}>{title}</Text>\r\n  </View>\r\n);\r\n\r\nconst App = () => (\r\n  <View style={styles.app}>\r\n    <SectionList\r\n      keyExtractor\r\n      renderItem={({ item }) => <Text>{item.name}</Text>}\r\n      sections={[]}\r\n      ListEmptyComponent={\r\n        <EmptyComponent title=\"Nothing here, come back later..\" />\r\n      }\r\n    />\r\n  </View>\r\n);\r\n\r\nconst styles = StyleSheet.create({\r\n  app: {\r\n    flex: 1,\r\n  },\r\n  emptyContainer: {\r\n    flex: 1,\r\n    alignItems: 'center',\r\n    justifyContent: 'center',\r\n  },\r\n  emptyText: {\r\n    fontSize: 30,\r\n  },\r\n});\r\n```"},"comment":{"url":"https://api.github.com/repos/facebook/react-native/issues/comments/372279222","html_url":"https://github.com/facebook/react-native/issues/17944#issuecomment-372279222","issue_url":"https://api.github.com/repos/facebook/react-native/issues/17944","id":372279222,"user":{"login":"kdastan","id":4217036,"avatar_url":"https://avatars0.githubusercontent.com/u/4217036?v=4","gravatar_id":"","url":"https://api.github.com/users/kdastan","html_url":"https://github.com/kdastan","followers_url":"https://api.github.com/users/kdastan/followers","following_url":"https://api.github.com/users/kdastan/following{/other_user}","gists_url":"https://api.github.com/users/kdastan/gists{/gist_id}","starred_url":"https://api.github.com/users/kdastan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kdastan/subscriptions","organizations_url":"https://api.github.com/users/kdastan/orgs","repos_url":"https://api.github.com/users/kdastan/repos","events_url":"https://api.github.com/users/kdastan/events{/privacy}","received_events_url":"https://api.github.com/users/kdastan/received_events","type":"User","site_admin":false},"created_at":"2018-03-12T11:30:42Z","updated_at":"2018-03-12T11:30:42Z","author_association":"NONE","body":"Any news ?"}}
{"actor":{"display_login":"kdastan"}}