react native中的layoutAnimation组件
来源:互联网 发布:python 实现月份加减 编辑:程序博客网 时间:2024/05/21 13:54
layoutAnimation 只对布局的创建和更新事件起作用,对删除事件是不起作用的(如删除某个元素时,该元素会消失,可能会透明度逐渐减少 ,但是不会有其他复杂的消失)。
LayoutAnimation有以下三种动画效果类型:
- caseInEaseOut
- linear
- spring
例一:
//自定义:LayoutAnimation.configureNext(LayoutAnimation.Presets.spring);//或LayoutAnimation.easeInEaseOut();
自定义动画例二:
var CustomLayoutAnimation = { duration: 800, create: { type: LayoutAnimation.Types.linear, property: LayoutAnimation.Properties.opacity, }, update: { type: LayoutAnimation.Types.easeInEaseOut, }, };LayoutAnimation.configureNext(CustomLayoutAnimation);
LayoutAnimation在ReactNative中绝对是很好的实现动画效果,完成可以和原生体验相媲美,非常值得大家一试。
[注意] 如果你在Android设备上面进行测试,那么就需要开启动画设置,iOS设备默认打开。
// Enable LayoutAnimation under Android if (Platform.OS === 'android') { UIManager.setLayoutAnimationEnabledExperimental(true) }
0 0
- react native中的layoutAnimation组件
- [React Native]动画-LayoutAnimation
- React Native LayoutAnimation动画
- React Native超棒的LayoutAnimation(布局动画)
- React Native超棒的LayoutAnimation(布局动画)
- React Native填坑之旅--LayoutAnimation篇
- React Native 组件生命周期
- react-native 自定义组件
- React native Image组件
- react native 组件生命周期
- react-native 组件demo
- react-native组件笔记
- React Native--组件Component
- React Native基础组件
- [React-Native]常用组件
- React Native组件生命周期
- React Native组件生命周期
- react-native 组件生命周期
- 371. Sum of Two Integers
- js获取url地址
- 文件转码
- 如何实现WebView和js页面的交互
- Halcon 算子 使用灰度获得图像区域
- react native中的layoutAnimation组件
- Javassist简单应用小结
- 线性回归 (linear regression model) 原理与代码实现
- cramfs根文件系统制作启动总结
- uname详细解读
- Redis和Memcache的区别
- 事件委托的优势 献给初学者
- bool findInt32(uint32_t key, int32_t *value)函数 =>个人理解!
- WSASocket写的简单的C/S端