随笔分类 -  React Native

摘要:在上篇动画入门文章中我们了解了在 React Native 中简单的动画的实现方式,本篇将作为上篇的延续,介绍如何使用 Animated 实现一些比较复杂的动画。 动画组合 在 Animated 中提供了一些有趣的API方法来轻松地按我们的需求实现组合动画,它们分别是 Animated.parall 阅读全文
posted @ 2016-04-24 00:35 vajoy 阅读(12490) 评论(3) 推荐(12) 编辑
摘要:在不使用任何RN动画相关API的时候,我们会想到一种非常粗暴的方式来实现我们希望的动画效果——通过修改state来不断得改变视图上的样式。 我们来个简单的示例: 效果如下: 这种方式实现的动画存在两大问题: 1. 将频繁地销毁、重绘视图来实现动画效果,性能体验很糟糕,常规表现为内存花销大且动画卡顿明 阅读全文
posted @ 2016-03-26 23:22 vajoy 阅读(13942) 评论(2) 推荐(4) 编辑
摘要:LayoutAnimation - layout动画 当布局发生改变时的动画模块,它有两个方法: 1. 最常用的方法是 LayoutAnimation.configureNext(conf<Object>),用于设置布局变化时的动画类型,在调用 setState 之前使用。 其中 conf 参数格式 阅读全文
posted @ 2016-03-13 12:35 vajoy 阅读(4662) 评论(1) 推荐(4) 编辑
摘要:Alert - 弹窗 通过 Alert.alert() 方法调用唤起原生弹窗,点击会触发 onPress 回调(参考下方代码)并清除弹窗。 import React, { AppRegistry, Component, StyleSheet, Alert, Text, View } from 're 阅读全文
posted @ 2016-02-28 20:20 vajoy 阅读(5113) 评论(5) 推荐(3) 编辑

Copyright © 2014 - 2022 VaJoy Studio
点击右上角即可分享
微信分享提示