我在 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)