reactjs - React Native 上带有姿势的宽度和高度动画
问题描述
我真的很喜欢在 react native 上使用姿势,因为它真的很容易。但是我遇到了一些小问题。我的问题是;有没有办法在 react native 上使用姿势来制作具有宽度、高度或填充的动画?我用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
解决方案
React Native 的主要限制是您只能为非布局属性设置动画,我建议您使用transform属性,这可能适用于这种情况。
推荐阅读
- python - 使用 plot_model 绘制的模型不清楚
- python - 杰森·皮顿演讲
- python - Python:根据特定字符的存在在列中进行条件拆分
- excel - Excel - 将不同工作表中的表格与动态列标准进行比较
- ios - react原生构建ios框架
- spring - JdbcTemplate 多列
- aws-lambda - lambda 轮换函数中的 AWS SecretsManager list_secret_version_ids 返回 AccessDeniedException
- python - 大型数据集的 Pyspark 崩溃
- javascript - Parse Rever + React Router DOM + Redux:受保护的路由在刷新时重定向
- spring - Spring Boot - @Value 在 @Component 类中返回 null