ReferansBileşenler

receipt

Kalemler, ara toplam, vergi ve toplam.

Para, para düzeninde. receipt, isteğe bağlı bir ara toplam ve vergi ile en fazla yirmi kalemi işler ve daha kalın bir çizgiyle ayrılmış bir toplam ile sonlanır.

Tutarlar tablosal ve sağa hizalıdır; böylece sütun bir sütun olarak okunur ve güncellenen bir sayı etrafındakileri kaydırmaz.

Flutter 0.44.0 / Web 0.21.0 sürümünden itibaren, bir satırın note alanı neyi kapsadığını belirtir ve delta bir öncekine göre değişimi (“+₺40”) gösterir.

Sipariş 1042USD
Aero Glide 2, 43 numara$129.00
KICKS10 indirimi−$12.90
Ara toplam$116.10
Vergi$5.00
Toplam$121.10

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ı

Bunu bir fiyat listesi olarak kullanmayın. Toplamı olmayan fiyatlar product_cards bileşenine veya yan yana karşılaştırılmaları gerekiyorsa bir comparison bileşenine aittir.

Bir rezervasyonu özetlemek için de kullanmayın. Zaman ve yer için alanı olan bileşen booking_card bileşenidir.

Props

Her blok ayrıca type ve 1 ila 300 karakterlik zorunlu bir fallback_text taşır.

PropTürZorunluKısıtlamalar
titlestringHayırEn fazla 120 karakter.
linesarrayEvet1 ila 20 öğe.
lines[].labelstringEvet1 ila 120 karakter.
lines[].amountstringEvetEn fazla 30 karakter. İşaret dahil, sizin tarafınızdan biçimlendirilmiş.
lines[].notestringHayırEn fazla 80 karakter.
lines[].deltastringHayırEn fazla 20 karakter.
subtotalstringHayırEn fazla 30 karakter.
taxstringHayırEn fazla 30 karakter.
totalstringEvet1 ila 30 karakter.
currencystringHayırEn fazla 8 karakter. Toplam etiketinin içinde değil, başlığın yanında üst başlık olarak işlenir.

Ağ üzerinde

{
  "id": "blk_10",
  "type": "receipt",
  "fallback_text": "Order 1042 totals $121.10.",
  "props": {
    "title": "Order 1042",
    "currency": "USD",
    "lines": [
      {
        "label": "Aero Glide 2, size 43",
        "amount": "$129.00"
      },
      {
        "label": "KICKS10 discount",
        "amount": "-$12.90"
      },
      {
        "label": "Standard delivery",
        "amount": "$0.00"
      }
    ],
    "subtotal": "$116.10",
    "tax": "$5.00",
    "total": "$121.10"
  }
}

Etkileşim

Yok. receipt yalnızca bir gösterimdir ve etkileşimli prop'ları bulunmaz.

Durumlar

DurumSDK'nın çizdiği
YükleniyorDört etiket ve tutar yer tutucu satırı.
BoşKalem ve toplam olmaması, plaka içinde fallback_text işler.
Ara toplam veya vergi yokOrta çizgi atlanır ve satırlar doğrudan toplama bağlanır.

Erişilebilirlik

Görsel sütun olmadan da eşleşmenin korunması için her satır önce etiket, ardından tutar olarak okunur. fallback_text toplamı taşımalıdır, çünkü kullanıcının sorduğu şey budur: “1042 numaralı siparişin toplamı $121.10.”