Android 如何在react native中开发时间轴屏幕

我对构建移动应用程序和其他东西非常陌生。我正在使用react-native为活动构建移动应用程序，并想知道如何在react-native中设计时间线

我附上一个样本图像，将给你一个想法。我将使用一个API来获得最新的时间线，它应该反映在应用程序中。

如果您能帮助我们找到合适的材料或例子，我们将不胜感激

---

谢谢

时间线基本上只是一个列表。 您可以使用SectionList（），其中标题是日期，每个项目都是当天的详细信息
所以你会有这样的想法：

    <SectionList
      renderItem={({item}) => <ListItem title={item} />}
      renderSectionHeader={({section}) => <Header title={section.title} />}
      sections={[
        {data: [{title:"Weekly stand up", time:"2pm"},
{title:"Coffee", time:"10am"}], title: "Thursday, March 12"}
        {data: [{title:"Icons", time:"4pm"}], title: "Wednesday, March 11"}
      ]}
    />

}
renderSectionHeader={（{section}）=>}
部分={[
{数据：[{标题：“每周站立”，时间：“下午2点”}，
{标题：“咖啡”，时间：“上午10点”，标题：“3月12日星期四”}
{数据：[{标题：“图标”，时间：“下午4点”}，标题：“3月11日星期三”}
]}
/>

---

其中，ListItem是一天的详细信息，Header是日期，在部分中，您将拥有所有数据，时间线基本上只是一个列表。 您可以使用SectionList（），其中标题是日期，每个项目都是当天的详细信息
所以你会有这样的想法：

    <SectionList
      renderItem={({item}) => <ListItem title={item} />}
      renderSectionHeader={({section}) => <Header title={section.title} />}
      sections={[
        {data: [{title:"Weekly stand up", time:"2pm"},
{title:"Coffee", time:"10am"}], title: "Thursday, March 12"}
        {data: [{title:"Icons", time:"4pm"}], title: "Wednesday, March 11"}
      ]}
    />

}
renderSectionHeader={（{section}）=>}
部分={[
{数据：[{标题：“每周站立”，时间：“下午2点”}，
{标题：“咖啡”，时间：“上午10点”，标题：“3月12日星期四”}
{数据：[{标题：“图标”，时间：“下午4点”}，标题：“3月11日星期三”}
]}
/>

---

其中ListItem是您一天的详细信息，Header是日期，您可以在各个部分中获得所有数据

您可以详细说明吗？你的意思是把时间表整合起来？最终目标是什么？目前，你的问题太模糊了。@kibar我更新了细节。你能详细说明一下吗？你的意思是把时间表整合起来？最终目标是什么？目前，您的问题太模糊了。@kibar我更新了详细信息。谢谢。我将尝试使用上述逻辑。谢谢。我将尝试使用上述逻辑。