Порядок модификаторов: где окажется жёлтый фон
Дизайнер просит подсветить бейдж скидки. В коде два варианта:
Text("Скидка", modifier = Modifier.padding(16.dp).background(Color.Yellow))
Text("Скидка", modifier = Modifier.background(Color.Yellow).padding(16.dp))
Чем они отличаются на экране?
- Во втором варианте отступ будет проигнорирован: после фона размерные модификаторы уже не применяются
- Ничем: порядок модификаторов в цепочке на итоговую картинку не влияет, важен только их набор
- В первом жёлтым будет только область текста, во втором — текст вместе с отступом: цепочка идёт слева направо
- Второй вариант не скомпилируется: в цепочке фон обязан идти после модификаторов размера и отступов