В этой главе мы покажем вам, как использовать LayoutAnimation в React Native.
Компонент анимации
Мы установим myStyle как свойство состояния. Это свойство используется для стилизации элемента внутри PresentationalAnimationComponent .
Мы также создадим две функции — expandElement и collapseElement . Эти функции будут обновлять значения из состояния. Первый будет использовать анимацию предустановки пружины, а второй будет иметь линейную предустановку. Мы также передадим это как реквизит. Кнопки « Развернуть» и « Свернуть» вызывают функции expandElement () и collapseElement () .
В этом примере мы будем динамически изменять ширину и высоту блока. Поскольку компонент Home будет таким же, мы изменим только компонент Animations .
В этом примере мы будем динамически изменять ширину и высоту блока. Поскольку компонент Home будет таким же, мы изменим только компонент Animations .