Guest User

Untitled

a guest
Jan 24th, 2018
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.82 KB | None | 0 0
  1. export default class LetterList extends React.Component {
  2. render() {
  3. let lists = [
  4. {
  5. key: "One",
  6. data: [{letter: 'a'}, {letter: 'b'}]
  7. },
  8. {
  9. key: "Two",
  10. data: [{letter: 'c'}, {letter: 'd'}, {letter:'e'}]
  11. }
  12. {
  13. key: "Three",
  14. data: [{letter: 'f'}]
  15. }
  16. ]
  17.  
  18. return (
  19. <View key="letterList" >
  20. <SectionList
  21. renderItem={({section}) =>
  22. (
  23. <FlatList
  24. data={section.data}
  25. renderItem={({item}) => <Text>{item.letter}</Text>}
  26. />
  27. )
  28. }
  29. renderSectionHeader={({section}) => <Text>{section.key}</Text>}
  30. sections={lists}
  31. />
  32. </View>
  33. );
  34. }
  35. }
  36.  
  37. One
  38. ab
  39. ab
  40. Two
  41. cd
  42. e
  43. cd
  44. e
  45. cd
  46. e
  47. Three
  48. f
Add Comment
Please, Sign In to add comment