React Native

背景 React Native 自带的触摸组件TouchableOpacity TouchableHighlight 能够实现的触摸反馈只有高亮和透明度变化 当遇到需要更多丰富的触摸反馈时显得捉襟见肘

最近在写React-Native 趁着这两天需求差不多完成了，实践了一些优化项。 UI 和 JS 的帧数都稳定保持在60 为最优情况。 比如在切换路由时，帧数会有明显抖动。此时如果有一些在componentDidMount 执行的操作就会使得路由过渡动画非常卡顿。（后面会介绍一…

本文记录一次在使用reanimated 和 react-native-svg 中遇到的一个问题已经解决方案。 最近一个需求中，遇到需要利用svg 来实现一个绳子弹动的动画。 在做demo 时，效果符合预期。 但当放到真实的页面中，并存在大量组件渲染时，通过Animated.cr…

一开始使用这个库并没有解决yarn link 无效的问题。确定自己配置没错之后，就开始寻找问题。因为看到有人说这个库有用，有人说没用。就开始看这个库的源码，看看它到底干了啥 于是，发现这个库会拿到项目下node_modules 里面使用symlink 的依赖的真实地址。 那么按…

React Native 动画的 interpolate 函数理解 下列是react-native 中，编写动画交互的时候时常用到的一个方法。约定好输入和输出的范围，并根据输入的值和指定的缓动函数