{"action":"created","issue":{"url":"https://api.github.com/repos/facebook/react-native/issues/6951","repository_url":"https://api.github.com/repos/facebook/react-native","labels_url":"https://api.github.com/repos/facebook/react-native/issues/6951/labels{/name}","comments_url":"https://api.github.com/repos/facebook/react-native/issues/6951/comments","events_url":"https://api.github.com/repos/facebook/react-native/issues/6951/events","html_url":"https://github.com/facebook/react-native/issues/6951","id":147937203,"number":6951,"title":"Here is a rendering errors in 6p/6sp.","user":{"login":"fakefish","id":1334025,"avatar_url":"https://avatars.githubusercontent.com/u/1334025?v=3","gravatar_id":"","url":"https://api.github.com/users/fakefish","html_url":"https://github.com/fakefish","followers_url":"https://api.github.com/users/fakefish/followers","following_url":"https://api.github.com/users/fakefish/following{/other_user}","gists_url":"https://api.github.com/users/fakefish/gists{/gist_id}","starred_url":"https://api.github.com/users/fakefish/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fakefish/subscriptions","organizations_url":"https://api.github.com/users/fakefish/orgs","repos_url":"https://api.github.com/users/fakefish/repos","events_url":"https://api.github.com/users/fakefish/events{/privacy}","received_events_url":"https://api.github.com/users/fakefish/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/facebook/react-native/labels/iOS","name":"iOS","color":"c7def8"},{"url":"https://api.github.com/repos/facebook/react-native/labels/Needs%20more%20information","name":"Needs more information","color":"f7c6c7"},{"url":"https://api.github.com/repos/facebook/react-native/labels/Needs%20Response%20from%20Author","name":"Needs Response from Author","color":"eb6420"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2016-04-13T03:31:41Z","updated_at":"2016-04-17T01:43:19Z","closed_at":null,"body":"here is in iphone 6\r\n![image](https://cloud.githubusercontent.com/assets/1334025/14482035/d3e26acc-016a-11e6-9242-f6c24b845e03.png)\r\nand the same code in iphone 6plus\r\n![image](https://cloud.githubusercontent.com/assets/1334025/14482038/dace1bec-016a-11e6-8863-c5ac90c0ec49.png)\r\n\r\nboth in simulator and real device, the code is just `ListView` with some `View`s and `Text`s.\r\n\r\nand the react-native version is 0.22\r\nhere is my app [https://itunes.apple.com/us/app/qi-wu-zhou-kan/id1089804570?mt=8](https://itunes.apple.com/us/app/qi-wu-zhou-kan/id1089804570?mt=8)\r\n\r\nthe parent component is a `ListView`\r\n\r\n```\r\n// render return:\r\nrender() {\r\n  <ListView\r\n        style={[\r\n          styles.container,\r\n          styles.weeklyContentWraper,\r\n          this.state.type == 'detail' ? {marginBottom: 0}:null]}\r\n        dataSource={this.state.dataSource}\r\n        renderRow={this._renderRow.bind(this)}\r\n        renderHeader={()=>{\r\n          return <Text style={{position:'absolute',top:0}}></Text>;\r\n        }}\r\n      />\r\n}\r\nvar styles = StyleSheet.create({\r\n  container: {\r\n    marginBottom: 30,\r\n    backgroundColor:'#fafafa'\r\n  },\r\n  weeklyContentWraper: {\r\n    marginTop: -1,\r\n  },\r\n})\r\n```\r\n\r\nand  the list item is \r\n```\r\nrender() {\r\n    return (\r\n      <View key={this.state.topic} style={styles.weeklyWraper}>\r\n        <Text style={styles.weeklyTopic}>{this.state.topic}</Text>\r\n        {this.state.list.map((item) => {\r\n          return <WeeklyItem {...item} key={item.title} {...this.props}/>\r\n        })}\r\n      </View>\r\n    )\r\n  }\r\nvar styles = StyleSheet.create({\r\n  weeklyWraper: {\r\n    backgroundColor: '#fff',\r\n    borderColor: '#ccc',\r\n    borderTopWidth: 0.5,\r\n    borderBottomWidth: 0.5,\r\n    marginBottom: 18,\r\n    paddingVertical:10,\r\n  },\r\n  weeklyTopic: {\r\n    height: 30,\r\n    backgroundColor: '#649F0C',\r\n    color: '#fff',\r\n    lineHeight: 22,\r\n    paddingLeft: 15,\r\n    width: 150,\r\n  },\r\n})\r\n```\r\n\r\nand weeklyItem is : \r\n```\r\nrender() {\r\n    return (\r\n      <View style={styles.container}>\r\n        <View style={styles.topMenu}>\r\n          {this.props.provider != '' ? \r\n            <Text style={styles.recommend}>{this.props.provider}推荐</Text>:\r\n            <Text style={styles.recommend}>主编推荐</Text>}\r\n        </View>\r\n        <TouchableOpacity\r\n          onPress={()=>{\r\n            this._jumpPage(this.props)\r\n          }}\r\n          style={styles.titleWrapper}>\r\n          <Text style={styles.title}>{this.props.title}</Text>\r\n          <Text style={styles.description}>{this.props.description}</Text>\r\n        </TouchableOpacity>\r\n        <View style={styles.tagList}>\r\n          {this.props.tags.map((tag)=>{\r\n            return <Text style={styles.tagText} key={tag}>{tag}</Text>\r\n          })}\r\n        </View>\r\n      </View>\r\n    )\r\n  }\r\nvar styles = StyleSheet.create({\r\n  container: {\r\n    paddingHorizontal: 15,\r\n    marginTop: 20,\r\n  },\r\n  title: {\r\n    fontSize: 18,\r\n    fontWeight: 'bold'\r\n  },\r\n  titleWrapper: {\r\n    marginTop: 10,\r\n  },\r\n  recommend: {\r\n    fontSize: 10,\r\n    color: '#ccc',\r\n  },\r\n  topMenu: {\r\n    flexDirection: 'row',\r\n    alignItems: 'center',\r\n    justifyContent: 'space-between'\r\n  },\r\n  btn: {\r\n    fontSize: 10\r\n  },\r\n  description: {\r\n    color: '#666',\r\n    marginTop: 10,\r\n  },\r\n  tagList: {\r\n    flexDirection: 'row',\r\n    alignItems: 'center'\r\n  },\r\n  tagText: {\r\n    marginTop: 10,\r\n    color: '#999',\r\n    marginRight: 10\r\n  }\r\n})\r\n```"},"comment":{"url":"https://api.github.com/repos/facebook/react-native/issues/comments/210936518","html_url":"https://github.com/facebook/react-native/issues/6951#issuecomment-210936518","issue_url":"https://api.github.com/repos/facebook/react-native/issues/6951","id":210936518,"user":{"login":"fakefish","id":1334025,"avatar_url":"https://avatars.githubusercontent.com/u/1334025?v=3","gravatar_id":"","url":"https://api.github.com/users/fakefish","html_url":"https://github.com/fakefish","followers_url":"https://api.github.com/users/fakefish/followers","following_url":"https://api.github.com/users/fakefish/following{/other_user}","gists_url":"https://api.github.com/users/fakefish/gists{/gist_id}","starred_url":"https://api.github.com/users/fakefish/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fakefish/subscriptions","organizations_url":"https://api.github.com/users/fakefish/orgs","repos_url":"https://api.github.com/users/fakefish/repos","events_url":"https://api.github.com/users/fakefish/events{/privacy}","received_events_url":"https://api.github.com/users/fakefish/received_events","type":"User","site_admin":false},"created_at":"2016-04-17T01:43:19Z","updated_at":"2016-04-17T01:43:19Z","body":"@satya164 the background color is missing somewhere."}}