{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/2969","labels_url":"https://api.github.com/repos/facebook/react-native/issues/2969/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/2969/comments","events_url":"https://api.github.com/repos/facebook/react-native/issues/2969/events","html_url":"https://github.com/facebook/react-native/issues/2969","id":107949448,"number":2969,"title":"ListView behaves differently when placed inside a View with flexdirection set as 'row'","user":{"login":"muneesa","id":14807325,"avatar_url":"https://avatars.githubusercontent.com/u/14807325?v=3","gravatar_id":"","url":"https://api.github.com/users/muneesa","html_url":"https://github.com/muneesa","followers_url":"https://api.github.com/users/muneesa/followers","following_url":"https://api.github.com/users/muneesa/following{/other_user}","gists_url":"https://api.github.com/users/muneesa/gists{/gist_id}","starred_url":"https://api.github.com/users/muneesa/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/muneesa/subscriptions","organizations_url":"https://api.github.com/users/muneesa/orgs","repos_url":"https://api.github.com/users/muneesa/repos","events_url":"https://api.github.com/users/muneesa/events{/privacy}","received_events_url":"https://api.github.com/users/muneesa/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-09-23T15:45:47Z","updated_at":"2015-10-12T07:27:31Z","closed_at":null,"body":"Hi,\r\n\r\nFor some reason, ListView inserts unnecessary gap on the top, if placed inside a view with flexdirection set as 'row', as if it's already pulled all the way down. It works fine, if ListView is the only component to render. Please try this code:\r\n\r\n```javascript\r\nvar TestClass = React.createClass({\r\n  getInitialState: function() {\r\n  var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});\r\n  return {\r\n    dataSource: ds.cloneWithRows(['r1', 'r2']),\r\n  };\r\n},\r\n  render() {\r\n    return(\r\n      <View style = {{flexDirection: 'row', marginTop: 25}} >\r\n      <Text>Testing</Text>\r\n      <ListView\r\n      dataSource={this.state.dataSource}\r\n      renderRow={(rowData) => <Text> {rowData} </Text>} />\r\n      </View>\r\n  )},\r\n});\r\n```\r\nPlease let me know if this is the expected behaviour or am I missing something."},"comment":{"url":"https://api.github.com/repos/facebook/react-native/issues/comments/147311024","html_url":"https://github.com/facebook/react-native/issues/2969#issuecomment-147311024","issue_url":"https://api.github.com/repos/facebook/react-native/issues/2969","id":147311024,"user":{"login":"muneesa","id":14807325,"avatar_url":"https://avatars.githubusercontent.com/u/14807325?v=3","gravatar_id":"","url":"https://api.github.com/users/muneesa","html_url":"https://github.com/muneesa","followers_url":"https://api.github.com/users/muneesa/followers","following_url":"https://api.github.com/users/muneesa/following{/other_user}","gists_url":"https://api.github.com/users/muneesa/gists{/gist_id}","starred_url":"https://api.github.com/users/muneesa/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/muneesa/subscriptions","organizations_url":"https://api.github.com/users/muneesa/orgs","repos_url":"https://api.github.com/users/muneesa/repos","events_url":"https://api.github.com/users/muneesa/events{/privacy}","received_events_url":"https://api.github.com/users/muneesa/received_events","type":"User","site_admin":false},"created_at":"2015-10-12T07:27:31Z","updated_at":"2015-10-12T07:27:31Z","body":"That makes sense if a ListView is the only component on the screen. What if, I have a title and want to display a list, to the right of that title? Anyway, I managed to solve the issue by setting this property to false:\r\n\r\n    automaticallyAdjustContentInsets={false}\r\n\r\nThanks for your reply."}}