如何在React Native中处理图像序列
埃尼哈尔
我目前有一个基本的1页iOS的React Native应用程序（iPad 4），用于显示相机供稿并覆盖图像序列。该图像序列由149帧组成，并且连续循环。
我Image每秒更换组件源24次，从而实现了图像序列循环。
这是应用程序类（没有样式道具）。
class App extends Component {
constructor(props) {
super(props);
this.state = {
frame: 1
};
}
componentDidMount() {
setInterval(() => {
let frame = this.state.frame;
frame++;
if (frame > 149) {
frame = 1;
}
this.setState({frame});
}, 1000 / 24);
}
render() {
return (
<View style={styles.container}>
<Camera ref={(cam) => {this.camera = cam}}>
<Text>Frame: {this.state.frame}</Text>
<Image source={{uri: `./gifs/${this.state.frame}.gif`}}/>
</Camera>
</View>
);
}
}
将其作为输出。
我遇到的问题是，应用程序在更改时间长度后会崩溃。有时它可以在崩溃前运行3秒，有时可以在崩溃前运行2分钟。
我猜这是一个内存问题，但是在Xcode的调试器中，它仅使用约10％的可用内存。是否有办法只将所需的图像加载到内存中并删除不需要的图像，或者这是自动管理的？
威廉·恩根
尝试react-native-sprite，它使用本机UIImageView而不是javascript setInterval解决方案对图像序列进行动画处理。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在React Native中优化图像
- 2
如何在React Native中优化图像
- 3
如何在 React Native 中缩放图像？
- 4
在React Native上对图像序列进行动画处理
- 5
如何在React Native中处理<Text>中的长文本
- 6
如何在React native中动态设置图像的来源？
- 7
如何在React Native中重复图案图像以创建背景？
- 8
如何在React Native中自动缩放图像？
- 9
如何在React Native中为图像添加标题
- 10
如何在 React Native 中显示渐变 SVG 图像
- 11
如何在 React Native 中引用启动图像
- 12
如何在 React Native 中显示 https 图像？
- 13
如何使用React Native动态处理图像
- 14
如何在Chrome中优化图像序列？
- 15
如何在React中处理URL参数
- 16
了解如何在 React 中处理样式
- 17
如何在React中禁用图像
- 18
如何在React Native中禁用旋转？
- 19
如何在React Native中渲染对象？
- 20
如何在React Native中显示图标？
- 21
如何在React Native中删除警告
- 22
如何在React Native中传递对象？
- 23
如何在React Native中刷新屏幕
- 24
如何在React Native中安装React Native Maps？
- 25
如何在Bokeh（Python）中处理图像
- 26
如何在Windows批处理文件中为图像序列构建printf样式的字符串？
- 27
React：如何在事件处理程序中调用react钩子？
- 28
当要求更多而不是 invitable_friends 数据时，如何在 react native (react-native-fbsdk) 中要求更大的图像？
- 29
如何在React-Native应用程序中处理对Firebase的异步调用？
我来说两句