timeline
Zaman sırasına göre planlanmış maddeler: bir ajanda, bir seyahat programı, bir takvim.
Neyin ne zaman gerçekleşeceği. timeline, zaman sırasına göre planlanmış maddeleri — yarının dersleri, bir seyahatin etapları, bir haftalık eğitim, ilaç saatleri — birden fazla güne yayıldığında gün başlıkları altında düzenler.
Ekran görüntüsü değildir; tarayıcınızda SDK'nın kendi boyut ve renkleriyle canlı olarak çizilir.
Flutter SDK ile 0.42.0 ve Web SDK ile 0.19.0 sürümünden itibaren yerel olarak render edilir. Bunu bildirmeyen bir derlemeye asla sunulmaz.
groups gün başlıklarıdır; her öge kendi başlığını group_index (0 tabanlı) ile belirtir.
Ne zaman kullanılmamalı
Zaten gerçekleşmiş olanlar item_list; tek bir siparişin veya talebin ilerleme durumu order_tracker bileşenidir. Saat ızgarası yoktur: telefona sığmaz.
Props
Her blok ayrıca type ve 1 ila 300 karakterden oluşan zorunlu bir fallback_text taşır.
| Prop | Tür | Zorunlu | Kısıtlamalar |
|---|---|---|---|
title | string | Hayır | En fazla 80 karakter. |
groups | array | Hayır | En fazla 7 girdi. |
groups[].label | string | Evet | 1 ila 40 karakter. |
items | array | Evet | 1 ila 16 öğe. |
items[].group_index | integer | Hayır | 0 ila 6. |
items[].time_label | string | Evet | 1 ila 24 karakter. |
items[].starts_at | string | Hayır | Farkıyla birlikte ISO 8601 (2026-10-10T09:30:00+03:00) veya Z. |
items[].ends_at | string | Hayır | Farkıyla birlikte ISO 8601 (2026-10-10T09:30:00+03:00) veya Z. |
items[].title | string | Evet | 1 ila 80 karakter. |
items[].subtitle | string | Hayır | En fazla 120 karakter. |
items[].icon | string | Hayır | En fazla 40 karakter. |
items[].action | action | Hayır | { kind: "reply", text } veya { kind: "open_url", url } veya { kind: "navigate", route } veya { kind: "call", phone } veya { kind: "copy", text } veya { kind: "add_to_calendar", title, starts_at }. Bkz. Actions. |
Ağ üzerinde
{
"id": "blk_84",
"type": "timeline",
"fallback_text": "Tomorrow: Physics at 09:30, Linear algebra at 11:00.",
"props": {
"groups": [{ "label": "Tomorrow" }],
"items": [
{ "group_index": 0, "time_label": "09:30", "title": "Physics", "subtitle": "Room 204" },
{ "group_index": 0, "time_label": "11:00", "title": "Linear algebra" }
]
}
}Etkileşim
Bir action içeren öge dokunmaya yanıt verir ve aksiyonu yürütür; diğerleri ise yalnızca gösterimdir.