Jelajahi Sumber

TASKS/CLAUDE: P2-34 afgerond (labels onder de rij), Wrap/Align-les

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
bob 8 jam lalu
induk
melakukan
9a558dde0c
2 mengubah file dengan 30 tambahan dan 11 penghapusan
  1. 20 0
      CLAUDE.md
  2. 10 11
      TASKS.md

+ 20 - 0
CLAUDE.md

@@ -2067,6 +2067,26 @@ de ∞) en typ gewoon het getal; `ctrl+a` is niet nodig als het veld leeg is. Ee
 klik op de ∞ zelf doet niets. Commit daarna met een klik op een **label**, niet
 op het bind-icoontje ernaast — dat opent de Set-from-Variable-dialoog.
 
+**Een `Wrap` waarvan elk kind tóch op een eigen regel staat: kijk naar de
+Alignment van het kind, niet naar de breedte van de ouder.** Bevestigd
+2026-09-16 (P2-34, `HorecagelegenheidoverzichtKaart`): de labels bleven ook op
+volle kaartbreedte onder elkaar staan. In de export stond
+`Align(alignment: (-1,1), child: Container(alignment: (-1,1), ...))` om elk
+label — een `Align` of `Container(alignment:)` zonder eigen maat neemt de
+volledige beschikbare breedte, dus elk kind vult een hele Wrap-regel. Twee
+plekken wissen op de kind-container: **Alignment** (↺ naast de sectiekop) én,
+onderaan het Container-paneel, **Child → Child Alignment** (eigen ↺). Pas als
+beide leeg zijn verdwijnt `alignment:` uit de export en stromen de kinderen
+naast elkaar. Het canvas laat dat meteen zien.
+
+**Een node "onder" een `Row` zetten die het enige kind van een Container is:
+Wrap Widget → Column op de Row, dan slepen.** Volledig recept 2026-09-16
+(P2-34, drie tool-aanroepen): rechtsklik `Row` → Wrap Widget → **Column**; de
+te verplaatsen node inklappen en op de nieuwe `Column`-rij droppen (landt op
+positie 0, dus bóven de Row); daarna de `Row` inklappen en óók op de
+`Column`-rij droppen → volgorde `[Row, node]`. Zet op de nieuwe Column *Main
+Axis Size* op min en *Cross Axis Alignment* op start, anders rekt hij de kaart.
+
 **⚠️ Theme Settings → Typography: de "Secondary Font Family"-knop verandert ÁLLE
 tekststijlen, niet alleen de stijlen die je "secondary" zou noemen.** Bevestigd
 2026-09-16: Secondary op Noto Serif zetten gaf in de export 15× `GoogleFonts.notoSerif`

+ 10 - 11
TASKS.md

@@ -375,17 +375,16 @@ telefoon-emulator bekeken (zie screenshots in `~/uk-shots/2026-09-16/na-*.png`).
   Doel: dezelfde opbouw als de kaarten — `Row` met speldje-icoon + "adres,
   plaats" op één regel, en de datum een kalender-icoon. Rechtsklik `TextAdres` →
   Wrap Widget → Row, dan Insert Widget → Icon vooraan (landt op positie 0).
-- **P2-34 · `HorecagelegenheidoverzichtKaart` compacter · Eigenaar: Claude,
-  ná besluit Bob (zie voorstel hieronder).** De kaart is ±190 dp hoog doordat
-  de categorielabels in de smalle rechterkolom één per regel wrappen.
-  **Voorstel Claude (optie A): de `Wrap` met labels uit de rechter `Column`
-  halen en onder de `Row` zetten, over de volle kaartbreedte.** Dan staan 2-3
-  labels naast elkaar en zakt de kaart naar ±120 dp; logo blijft 100 px. In de
-  tree: `Wrap` naar de root-`Container` > `Column`... let op, de root is een
-  `Container` met één `Row` als kind — eerst Wrap Widget → Column om die Row,
-  dan de `Wrap` op die Column droppen (landt op positie 0) en daarna de `Row`
-  er weer boven slepen (ook op de Column droppen). Optie B (kleiner, minder
-  effect): logo 100 → 72 px, padding blijft 12.
+- **P2-34 · ✅ afgerond 2026-09-16 (Claude, optie A, Bob's akkoord).**
+  `HorecagelegenheidoverzichtKaart`: de `Row` is in een `Column` gewrapt en de
+  `Wrap` met labels staat er nu onder, over de volle kaartbreedte (spacing 6).
+  De echte oorzaak van het stapelen zat niet in de kolombreedte maar in de
+  label-container: die had Alignment én Child Alignment op (-1, 1), en een
+  `Align`/`Container(alignment:)` zonder maat vult in een `Wrap` de hele
+  regel. Beide gewist (↺ bij Alignment en bij Child → Child Alignment).
+  Export-geverifieerd (geen `Align(` meer rond de labels, `List.generate`
+  intact), `dart analyze` 0 errors, op de telefoon-emulator nagekeken
+  (`~/uk-shots/2026-09-16/na3-horeca-ovz.png`).
 - **P2-35 · `HorecagelegenheidCurrent`: "Geen evenementen"-strook alleen in
   Agenda-context · Eigenaar: Claude.** Onderin staat permanent
   `GeenEvenementenComponent` + knop "Alle horecagelegenheden", ook als de zaak