table
Altı adede kadar sütun ve yirmi satır; ilk sütun sabittir.
Bir telefonda sütunlar. table, ilk sütun sabitlenmiş ve geri kalanı parmak altında kaydırılabilir şekilde altı adede kadar sütun ve yirmi satır oluşturur; böylece okuyucu ne kadar sağa giderse gitsin satır anahtarı görünür kalır.
Her sayı tablosaldır ve her satır aynı yüksekliktedir; sabitlenen yarı ile kayan yarının uyum içinde kalmasını sağlayan da budur.
Ekran görüntüsü değildir; tarayıcınızda SDK'nın kendi boyut ve renkleriyle canlı olarak çizilir.
Flutter SDK ve Web SDK ile, her ikisi de 0.1.0 sürümünden itibaren yerel olarak render edilir.
Ne zaman kullanılmamalı
Kullanıcının açması gereken satırlar için tablo kullanmayın. Hücrelere dokunulamaz; item_list bileşeni bunun içindir.
Toplam tutarı olan paralar için bunu kullanmayın, onun için receipt vardır; altı sütundan daha geniş herhangi bir şey için de kullanmayın, bu bir bloktan ziyade bir ekrandır.
Prop'lar
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 |
|---|---|---|---|
columns | string[] | Evet | Her biri en fazla 40 karakterlik 1 ila 6 dize. Büyük harfle render edilir. |
rows | string[][] | Evet | Her biri en fazla 120 karakterlik 1 ila 6 dizeden oluşan 1 ila 20 liste. Sütun sırasıyla satır başına bir liste. |
İletim formatı
{
"id": "blk_14",
"type": "table",
"fallback_text": "Size conversion: EU 40 to 44 against UK, US men and foot length.",
"props": {
"columns": [
"EU",
"UK",
"US men",
"Foot length"
],
"rows": [
[
"40",
"6.5",
"7.5",
"25.0 cm"
],
[
"41",
"7",
"8",
"25.7 cm"
],
[
"42",
"8",
"9",
"26.3 cm"
]
]
}
}Etkileşim
Yoktur. Hücrelere dokunulamaz ve blok hiçbir şey yaymaz. Tek hareket, ilk sütundan sonraki sütunların yatay kaydırılmasıdır.
Durumlar
| Durum | SDK'nın çizdiği |
|---|---|
| Loading | Dört adet etiket ve değer yer tutucu satırı. |
| Empty | Hiç sütun veya hiç satır olmaması, plakanın içinde fallback_text oluşturur. |
| Ragged rows | Sütun listesinden daha kısa bir satır, sonrakileri kaydırmak yerine boş hücreler oluşturur. |
| Long cell values | İki satır, ardından üç nokta. Satır yükseklikleri tasarım gereği tek tiptir ve altı satıra uzayan bir hücre ait olduğu tabloyu bozar. |
| Large font scale | Satır yüksekliği sabit olmak yerine okuyucunun kendi metin ölçeğinden hesaplanır, böylece %200 ölçekte iki satırlık bir hücre kırpılmaz. |
Erişilebilirlik
Gezinme satır satır değil, sütun sütundur; böylece her veri hücresi ait olduğu sütunu anons eder: “UK, 7.5”. Bu olmadan okuyucu yalnızca ardı ardına gelen yalın sayılar duyar.
fallback_text, tabloyu sesli okumak yerine tablonun neyi kapsadığını ve aralığını belirtmelidir.