用於 JSON 數據的嵌套平面列表 - React Native

Question

嘗試將它們顯示為列表項，日期（2020-05-10,2020-05-22 等...）為 header 和 Hokey，日期標題下的購物作為列表項。

{
   "2020-05-10":[
      {
         "title":"Hiking"
      },
      {
         "title":"Shopping"
      }
   ],
   "2020-05-22":[
      {
         "title":"Hiking"
      },
      {
         "title":"Football"
      }
   ],
   "2020-05-28":[
      {
         "title":"Hiking"
      },
      {
         "title":"Football"
      },
      {
         "title":"Cricket"
      }
   ]
}

Answer 1

使用<SectionList/>

https://reactnative.dev/docs/sectionlist

類似於 FlatList 和 ScrollView，但允許部分（標題）和您需要的演示文稿。 您將不得不對 map 數據進行不同的處理，例如：

const sectionListData = [
 {
  sectionHeader: '22-05-2020',
  data: [{title: 'Football}, {title: 'Hockey'}]
 },
 ...
]