Lays its children out as a row, following CSS's display: flex rather than
Yoga's column.
The display is named rather than inherited. The scene's default is
block, which is what a browser gives a <div>, so a Box that inherited
it would stop honouring gap, alignItems and justifyContent without
saying so. Naming it costs a spread per container: measured at 0.03 to 0.08
microseconds each, 3.1 ms across a hundred thousand, against a build of
90 ms and a render of 8 to 22 ms for a tree of six thousand containers.
Row and Column have always spread for the same kind of reason.
Three orders of magnitude, which is why the number survives the machine it
was taken on. Peers were building at the time; contention that voids a
benchmark measuring a few percent cannot reach a conclusion with this much
room in it.
A plain container.
Lays its children out as a row, following CSS's
display: flexrather than Yoga's column.The display is named rather than inherited. The scene's default is
block, which is what a browser gives a<div>, so aBoxthat inherited it would stop honouringgap,alignItemsandjustifyContentwithout saying so. Naming it costs a spread per container: measured at 0.03 to 0.08 microseconds each, 3.1 ms across a hundred thousand, against a build of 90 ms and a render of 8 to 22 ms for a tree of six thousand containers.RowandColumnhave always spread for the same kind of reason.Three orders of magnitude, which is why the number survives the machine it was taken on. Peers were building at the time; contention that voids a benchmark measuring a few percent cannot reach a conclusion with this much room in it.