React Native Expo 应用程序性能非常慢

2023-12-20

我是反应原生新手,目前正在开发一个应用程序 所有应用程序都应包含

1-轮播

2- 12 类别卡

3- 1 个类别页面包含带有图像和一些文本的卡片(卡片数据将从 API 获取)

我正在使用 Expo 应用程序,但在 iPhone 6 中性能非常慢 iPhone 7及以上版本没问题

滚动性能很差
导航性能很差

项目世博二维码链接:https://expo.io/@ov3rcontrol/Weddi
Github 项目链接:https://github.com/Ov3rControl/Weddi(随意拉取请求并为提高其性能做出贡献) 如何提高 React-Native 应用程序性能?我在这里做错了什么导致了这个性能问题

**编辑 1:我收到警告 1 - 覆盖 fontFamily 样式属性预处理器

                    2- Each child in a list should have a unique "key" prop   

                    3- VirtualizedList: You have a large list that is slow  

更新 - 确保您的渲染项函数渲染遵循 React 性能最佳实践的组件,例如 PureComponent、shouldComponentUpdate**

EDIT 2 : React Dev Tools enter image description here


VirtualizedList: You have a large list that is slow使用分页来解决这个问题。限制数据数组大小来解决这个问题。 Flatlist 将元素渲染为 1,如果元素很多,则性能会很慢。还可以尝试使用一些 Flatlist 的优化程序,例如:

removeClippedSubviews initialNumToRender maxToRenderPerBatch windowSize如果布局高度和宽度是静态的,则进行预计算:https://facebook.github.io/react-native/docs/flatlist#getitemlayout https://facebook.github.io/react-native/docs/flatlist#getitemlayout

https://medium.com/sanjagh/how-to-optimize-your-react-native-flatlist-946490c8c49b https://medium.com/sanjagh/how-to-optimize-your-react-native-flatlist-946490c8c49b

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React Native Expo 应用程序性能非常慢 的相关文章

随机推荐