小编me1*_*e1k的帖子

React Native 中 Animated.event() 的动画严重滞后

我在 React-Native 中开发了一个应用程序,并在 StackNavigator 的标题下有一个动画元素。在这个动画元素下,我有一个 FlatList,其中包含一些 Json 数据。

所以我的问题是,动画在 Xcode 的 iPhone 模拟器中很流畅,但在我的实际设备 OnePlus 6T 上却不流畅。

安装程序被弹出 Expo Project,这是我的代码:

export const window = Dimensions.get("window");
export const MAX_HEADER_HEIGHT = window.width / 5;
export const MIN_HEADER_HEIGHT = window.width / 1000;
export const MAX_BORDER_RADIUS = 450;
export const MIN_BORDER_RADIUS = -450;
Run Code Online (Sandbox Code Playgroud)

主屏.js

this.state = {
  scrollY: new Animated.Value(0)
};    


render() {
const { scrollY } = this.state;
const headerHeight = scrollY.interpolate({
  inputRange: [0, MAX_HEADER_HEIGHT],
  outputRange: [MAX_HEADER_HEIGHT, MIN_HEADER_HEIGHT],
  extrapolate: "clamp"
});

const borderRadius = …
Run Code Online (Sandbox Code Playgroud)

animation lag react-native

0
推荐指数
1
解决办法
2522
查看次数

标签 统计

animation ×1

lag ×1

react-native ×1