Animation 为什么动画不起作用?

Animation 为什么动画不起作用?,animation,react-native,Animation,React Native,为什么动画不起作用 所有代码 import React,{Component}来自'React'; 进口{ 评估学, 看法 形象,, 样式表, 网络视图, 链接, 可触摸不透明度, 有生气的 键盘 文本输入, 键盘回避视图 }从“反应本机”; 进口{ 按钮 文本, 集装箱, 卡片 卡迪姆, 身体, 内容,, 标题, 标题 左边 偶像 正确的, 形式, 皮克, 项目 }来自“本土基地”; 从“react native router flux”导入{Actions}; 从“../styles”导入

为什么动画不起作用

所有代码

import React,{Component}来自'React';
进口{
评估学,
看法
形象,,
样式表,
网络视图,
链接,
可触摸不透明度,
有生气的
键盘
文本输入,
键盘回避视图
}从“反应本机”;
进口{
按钮
文本,
集装箱,
卡片
卡迪姆,
身体,
内容,,
标题,
标题
左边
偶像
正确的,
形式,
皮克,
项目
}来自“本土基地”;
从“react native router flux”导入{Actions};
从“../styles”导入{样式、颜色、填充、字体};
从“/DefaultInput”导入DefaultInput;
从“/Validation”导入验证;
从“/Modal”导入ModalComponent;
从“反应本机模态下拉列表”导入模态下拉列表;
从“expo”导入{LinearGradient};
从“反应本机复选框”导入复选框;
类签入扩展组件{
建造师(道具){
超级(道具);
this.inputMarginTop=新的动画.Value(8);
}
组件将安装(){
this.keyboardWillShowSub=Keyboard.addListener('keyboardWillShow',this.keyboardWillShow);
this.keyboardWillHideSub=Keyboard.addListener('keyboardWillHide',this.keyboardWillHide);
}
组件将卸载(){
此.keyboard将显示sub.remove();
此.keyboard将隐藏sub.remove();
}
键盘将显示=(事件)=>{
动画。计时(this.inputMarginTop{
持续时间:event.duration,
toValue:2,
}).start();
};
键盘willhide=(事件)=>{
动画。计时(this.inputMarginTop{
持续时间:event.duration,
toValue:8,
}).start();
};
render(){
console.log(此.inputMarginTop.\u值);
返回(
Имя
);
}
}

导出默认签入首先,你在哪个设备上运行?如果它是Android,那么它将无法工作,请在此处找到它

keyboardWillShow和keyboardWillHide通常都不是 在Android上可用,因为没有本机对应事件

如果是iOS,则应使用
Animated.View
而不是
Animated.Text
。 请尝试以下代码:

<Animated.View style={{width: '90%', marginLeft: 10, marginBottom: 8, marginTop: `${this.inputMarginTop}%`}}>
   <Text>Имя</Text>
</Animated.View>

Имя
通常,对于
文本
组件,您应该将所有位置/布局相关样式移动到其父级
视图
文本
中的样式通常与
字体
本身相关,如
颜色
字体大小
字体样式


另外,请尝试
console.log(event.duration)
以确保事件包含的持续时间不是0

我在世博会上发布代码。我想跨平台发布