Выбор ответа Junior Анимации и жесты обновлено
Animated: анимация ширины
Вопрос
Что произойдёт при Animated.timing(width, { toValue: 200, useNativeDriver: true }), где width используется в стиле width?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Ошибка: стиль width не поддерживается native driver. Native driver не умеет свойства раскладки, и RN сообщает об ошибке («Style property 'width' is not supported by native animated module»).
Варианты ответа
- Ширина плавно изменится, и все кадры посчитаются на UI-потоке
- Анимация молча переключится на JS-поток и выполнится как обычно
- Ошибка: стиль
widthне поддерживается native driverправильный ответ - Ширина изменится мгновенно, без промежуточных кадров анимации
Разбор
Native driver не умеет свойства раскладки, и RN сообщает об ошибке («Style property 'width' is not supported by native animated module»). Варианты: анимировать transform: [{ scaleX }], отключить native driver (тогда кадры на JS) или использовать Reanimated, где анимация раскладки считается на UI-потоке.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.