ReferansBileşenler

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.

EU
40
41
42
43
UK
6.5
7
8
9
US erkek
7.5
8
9
10
Ayak uzunluğu
25.0 cm
25.7 cm
26.3 cm
27.0 cm

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.

PropTürZorunluKısıtlamalar
columnsstring[]EvetHer biri en fazla 40 karakterlik 1 ila 6 dize. Büyük harfle render edilir.
rowsstring[][]EvetHer 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

DurumSDK'nın çizdiği
LoadingDört adet etiket ve değer yer tutucu satırı.
EmptyHiç sütun veya hiç satır olmaması, plakanın içinde fallback_text oluşturur.
Ragged rowsSü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 scaleSatı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.