Анимация ширины и высоты с позой на React Native

Question

Я действительно люблю использовать позу на реагировать на родных, потому что это действительно легко. Но у меня есть небольшие проблемы. Мой вопрос Есть ли способ использовать позу на реагировать родной для создания анимации с шириной, высотой или отступами? Я сделал некоторые анимации с позицией, непрозрачностью или трансформацией, но я не мог понять это по ширине.

Я написал небольшой пример кода ниже, чтобы лучше понять.

Пример кода;

import React from 'react';
import posed from 'react-native-pose';
import { View } from 'react-native';

export const SearchBoxAnimated = posed.View({
  getBigger: { x: -16, width: '100%' },
  normal: { x: 0, width: '85%' }
});

const SearchBox = ({isGetBigger}) => (
   <View>
      <SearchBoxAnimated pose={isGetBigger ? 'getBigger' : 'normal'} />
   </View>
);

Когда я пытаюсь это сделать, выдает ошибку.

Error: Style property 'width' is not supported by native animated module.

Версии пакета:

• Реагируйте родной: 0.55.4
• Экспо: 30.0.1
• Реагировать: 16.3.1
• Реагировать на родную позу: 0.8.1

Answer 1

Основным ограничением в реакции native является то, что вы можете анимировать только некомпонованные свойства, я предлагаю вам использовать свойство transform, которое может работать в этом случае.