Ребят. Подскажите. В чем разница между style={{...style, ...style2}} и Stylesheet.Flatten?

Question

React Native — русскоговорящее сообщество

Позывной V M

Ребят. Подскажите. В чем разница между style={{...style, ...style2}} и Stylesheet.Flatten?

Второй же портит оптимизацию, даже в доке написано. Когда имеет вообще смысл юзать деструктуризацию, а когда флатен?

#mobile #programming #reactnative #russian

0

17.11.2021

3 ответов

25 просмотров

Позывной V M Автор вопроса

Aleksei Savelev
вообще предполагалось что const styles = StyleShee...

То есть, а касательно отрисовки, когда компонент перейдёт ко второму стилю в массиве стилей, повлияет ли это на перерисовку или какую-то оптимизацию?

0

17.11.2021

Aleksei Savelev

Позывной V M
То есть, а касательно отрисовки, когда компонент п...

что значит "когда компонент перейдёт ко второму стилю в массиве стилей"?

0

17.11.2021

Aleksei Savelev · Accepted Answer

вообще предполагалось что const styles = StyleSheet.create({ foo: {} }) будет делать оптимизацию для styles.foo (и TS тип даже до сих пор number), но потом это выпилили и теперь просто возвращается тот же объект. Однако в react-native-web эта оптимизация все еще есть. Есть еще момент. Например есть такие пропсы: type FooProps = { style: StyleProp<ViewStyle> } тогда вполне валидно написать так <Foo style={[styles.foo, [styles.bar, styles.baz]]} /> flatten как раз развернет это в объект

169 похожих чатов

Ребят. Подскажите. В чем разница между style={{...style, ...style2}} и Stylesheet.Flatten?

3 ответов

Похожие вопросы