ReactNative Expo 应用程序性能非常慢

IT技术 reactjs react-native
2021-05-08 01:36:22

我是 react-native 目前正在开发应用程序的新手 所有应用程序都应包含

1- 旋转木马

2- 12 类卡

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

我正在使用 Expo App 但在 iPhone 6 中的性能非常慢例如在 iPhone 7 及更高版本中很好

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

Project EXPO QR 链接: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**

编辑 2:react开发工具 在此处输入图片说明

1个回答

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

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

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

其它你可能感兴趣的问题