{"action":"created","issue":{"url":"https://api.github.com/repos/GeekyAnts/NativeBase/issues/1867","repository_url":"https://api.github.com/repos/GeekyAnts/NativeBase","labels_url":"https://api.github.com/repos/GeekyAnts/NativeBase/issues/1867/labels{/name}","comments_url":"https://api.github.com/repos/GeekyAnts/NativeBase/issues/1867/comments","events_url":"https://api.github.com/repos/GeekyAnts/NativeBase/issues/1867/events","html_url":"https://github.com/GeekyAnts/NativeBase/issues/1867","id":320558584,"number":1867,"title":"Can't render all of my data with CardItem","user":{"login":"motogod","id":17781603,"avatar_url":"https://avatars1.githubusercontent.com/u/17781603?v=4","gravatar_id":"","url":"https://api.github.com/users/motogod","html_url":"https://github.com/motogod","followers_url":"https://api.github.com/users/motogod/followers","following_url":"https://api.github.com/users/motogod/following{/other_user}","gists_url":"https://api.github.com/users/motogod/gists{/gist_id}","starred_url":"https://api.github.com/users/motogod/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/motogod/subscriptions","organizations_url":"https://api.github.com/users/motogod/orgs","repos_url":"https://api.github.com/users/motogod/repos","events_url":"https://api.github.com/users/motogod/events{/privacy}","received_events_url":"https://api.github.com/users/motogod/received_events","type":"User","site_admin":false},"labels":[{"id":358649208,"url":"https://api.github.com/repos/GeekyAnts/NativeBase/labels/question","name":"question","color":"0E7698","default":true}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-05-06T03:07:02Z","updated_at":"2018-05-07T12:58:34Z","closed_at":null,"author_association":"NONE","body":"HI,\r\n\r\nI find that i can't render all of my data when i try to use example `Card`\r\n\r\nHere is what i try call an API render the data in FlatList and render `Card`\r\n```\r\nimport React, { Component } from 'react';\r\nimport { View, FlatList, Image } from 'react-native';\r\nimport { \r\n  Container, Header, Content, Card, CardItem, \r\n  Thumbnail, Text, Button, Left, Body, Icon, Right\r\n} from 'native-base';\r\n\r\nclass MovieTimeList extends Component {\r\n  constructor(props) {\r\n    super(props); \r\n    const { enCity, theater } = this.props.navigation.state.params;\r\n    this.state = {\r\n      movies: [],\r\n      loading: true,\r\n      enCity, \r\n      theater\r\n    }\r\n  }\r\n  componentDidMount() {\r\n    fetch('https://obscure-reaches-65656.herokuapp.com/api?city=Taipei&theater=VscinemasTaipei3')\r\n      .then(response => response.json())\r\n      .then(responseData => {\r\n        this.setState({ movies: responseData[0], loading: false });\r\n      })\r\n      .catch((error) => console.log(error));    \r\n  }\r\n\r\n  renderRow({ item }) {\r\n    console.log('renderRow => ');\r\n    console.log(item);\r\n    const { \r\n      cnName, enName , photoHref, imdbScore, rottenScore, \r\n      versionType, releasedTime } = item;\r\n    return (   \r\n        <Content>\r\n          <Card style={{flex: 0}}>\r\n            <CardItem>\r\n              <Left>\r\n                <Body>\r\n                  <Text>{cnName}</Text>\r\n                  <Text note>{enName}</Text>\r\n                </Body>\r\n              </Left>\r\n              <Right>\r\n              <Button warning><Text>{versionType}</Text></Button>\r\n              </Right>\r\n            </CardItem>\r\n          </Card>\r\n        </Content>\r\n    );\r\n  }\r\n\r\n  render() {\r\n    console.log('render MovieTimeList =>');\r\n\r\n    const movieData = this.state.movies.movie;\r\n    console.log(movieData);\r\n    return (\r\n        <FlatList\r\n          data={movieData}\r\n          renderItem={this.renderRow}\r\n          horizontal={false}\r\n          keyExtractor={(item, index) => index.toString()}        \r\n        />\r\n    );\r\n  }\r\n}\r\n\r\nexport default MovieTimeList;\r\n```\r\n\r\nIn my renderRow function i will see 27 times `consol.log('renderRow => ');`\r\nBut actually in my device just see 6 times\r\n<img width=\"374\" alt=\"2018-05-06 11 01 52\" src=\"https://user-images.githubusercontent.com/17781603/39669404-7b39f53e-511d-11e8-9db4-9950e63822b8.png\">\r\n\r\n\r\nI try to test a simple view in my renderRow function like \r\n```\r\nreturn(\r\n  <View>\r\n    <Text>{enName}</Text>\r\n  </View>\r\n);\r\n```\r\nI can see my device it shows 27 times data correctly\r\n<img width=\"367\" alt=\"2018-05-06 11 03 26\" src=\"https://user-images.githubusercontent.com/17781603/39669407-847ba750-511d-11e8-8106-38b8339a6651.png\">\r\n\r\n\r\n\r\nIs any issue when render a lots of data in `Card` or what ?\r\n\r\nAny suggestion would be appreciated. Thanks in advance. \r\n\r\nVersion:\r\n```\r\n  \"dependencies\": {\r\n    \"expo\": \"^27.0.1\",\r\n    \"native-base\": \"^2.4.3\",\r\n    \"react\": \"16.3.1\",\r\n    \"react-native\": \"~0.55.2\",\r\n  }\r\n```"},"comment":{"url":"https://api.github.com/repos/GeekyAnts/NativeBase/issues/comments/387056284","html_url":"https://github.com/GeekyAnts/NativeBase/issues/1867#issuecomment-387056284","issue_url":"https://api.github.com/repos/GeekyAnts/NativeBase/issues/1867","id":387056284,"user":{"login":"motogod","id":17781603,"avatar_url":"https://avatars1.githubusercontent.com/u/17781603?v=4","gravatar_id":"","url":"https://api.github.com/users/motogod","html_url":"https://github.com/motogod","followers_url":"https://api.github.com/users/motogod/followers","following_url":"https://api.github.com/users/motogod/following{/other_user}","gists_url":"https://api.github.com/users/motogod/gists{/gist_id}","starred_url":"https://api.github.com/users/motogod/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/motogod/subscriptions","organizations_url":"https://api.github.com/users/motogod/orgs","repos_url":"https://api.github.com/users/motogod/repos","events_url":"https://api.github.com/users/motogod/events{/privacy}","received_events_url":"https://api.github.com/users/motogod/received_events","type":"User","site_admin":false},"created_at":"2018-05-07T12:58:34Z","updated_at":"2018-05-07T12:58:34Z","author_association":"NONE","body":"Thanks for reply @akhil-geekyants,  its working !  I thought `<Content />` is necessary. It helps a lot ,thanks."}}
{"actor":{"display_login":"motogod"}}