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

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

0 голосов
/ 28 сентября 2018

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

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

Пример кода; 

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

1 Ответ

0 голосов
/ 10 октября 2018

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

...