Це програма для Linux під назвою react-native-animatable, останню версію якої можна завантажити як 1.3.3.tar.gz. Його можна запустити в режимі онлайн у постачальника безкоштовного хостингу OnWorks для робочих станцій.
Завантажте та запустіть онлайн цю програму під назвою react-native-animatable з OnWorks безкоштовно.
Дотримуйтесь цих інструкцій, щоб запустити цю програму:
- 1. Завантажив цю програму на свій ПК.
- 2. Введіть у наш файловий менеджер https://www.onworks.net/myfiles.php?username=XXXXX із потрібним ім'ям користувача.
- 3. Завантажте цю програму в такий файловий менеджер.
- 4. Запустіть онлайн-емулятор OnWorks Linux або Windows або онлайн-емулятор MACOS з цього веб-сайту.
- 5. З ОС OnWorks Linux, яку ви щойно запустили, перейдіть до нашого файлового менеджера https://www.onworks.net/myfiles.php?username=XXXXX з потрібним іменем користувача.
- 6. Завантажте програму, встановіть її та запустіть.
ЕКРАНИ
Ad
react-native-animable
ОПИС
Декларативні переходи та анімація для React Native. Щоб анімувати речі, ви повинні використовувати createAnimatableComponent composer, подібний до Animated.createAnimatedComponent. Загальні компоненти View, Text і Image попередньо складені та представлені в просторі імен Animable. Якщо у вас є власний компонент, який ви хочете анімувати, просто оберніть його Animatable.View. Щоб створити циклічні анімації, просто встановіть для iterationCount значення нескінченності. Більшість анімацій, за винятком тих, хто шукає увагу, найкраще працюють, якщо змінювати напрямок. Ви можете створити власні прості переходи властивості стилю за власним вибором. Наступний приклад збільшить розмір шрифту на 5 для кожного натискання, все анімовані, усі декларативні! Якщо ви не вкажете властивість тривалості, буде використана весняна анімація. Для переходів потрібен StyleSheet.flatten, доступний у React Native 0.15 або новішої. Якщо ви працюєте на чомусь нижчому, будь ласка, заповніть, як описано в розділі обов’язкове використання.
риси
- Усі анімації відображаються як функції на елементах Animable
- Анімації повертають обіцянку, яка вирішується, коли анімація завершується успішно або скасовується
- Щоб зупинити будь-яку поточну анімацію, просто викличте stopAnimation() для цього елемента
- Ви також можете анімувати імперативно, використовуючи функцію animate() на елементі для користувацьких анімацій
- На анімацію можна посилатися за допомогою глобального імені або об’єкта визначення
- Комбінуйте кілька стилів, щоб створити анімацію зі зменшенням масштабу
Мова програмування
JavaScript
Це додаток, який також можна отримати з https://sourceforge.net/projects/react-native-animatable.mirror/. Його розміщено в OnWorks, щоб його можна було запустити в Інтернеті найпростішим способом з однієї з наших безкоштовних операційних систем.