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.
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.
| Prop | Tür | Zorunlu | Kısıtlamalar |
|---|---|---|---|
title | string | Hayır | En fazla 120 karakter. |
lines | array | Evet | 1 ila 20 öğe. |
lines[].label | string | Evet | 1 ila 120 karakter. |
lines[].amount | string | Evet | En fazla 30 karakter. İşaret dahil, sizin tarafınızdan biçimlendirilmiş. |
lines[].note | string | Hayır | En fazla 80 karakter. |
lines[].delta | string | Hayır | En fazla 20 karakter. |
subtotal | string | Hayır | En fazla 30 karakter. |
tax | string | Hayır | En fazla 30 karakter. |
total | string | Evet | 1 ila 30 karakter. |
currency | string | Hayır | En 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
| Durum | SDK'nın çizdiği |
|---|---|
| Yükleniyor | Dört etiket ve tutar yer tutucu satırı. |
| Boş | Kalem ve toplam olmaması, plaka içinde fallback_text işler. |
| Ara toplam veya vergi yok | Orta ç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.”