代码之家  ›  专栏  ›  技术社区  ›  Adnan Ali

ReactNative android应用程序中的慢速动画

  •  1
  • Adnan Ali  · 技术社区  · 8 年前

    我正在使用 redux公司 具有 反应本机 在我用过的一页上 平面列表 以及一些使用 Animated.new() . 此外,在应用程序中,我使用react导航,但我的应用程序的UI动画速度非常慢。一个原因是名单上有数百个。 我尝试通过使用 getItemLayout 尽管相同的代码在ios上运行效率很高,但应用程序的运行速度仍然很慢。

    我浏览了以下URL: https://facebook.github.io/react-native/docs/performance.html

    有谁能指导我如何在这里提高绩效?

    已编辑:

    添加后性能得到改善 getItemLayout OneDreachd阈值 但抽屉图标有时仍然没有响应。

    <FlatList
                        refreshControl={
                            <RefreshControl
                                refreshing={this.props.gameList.get('isFetching')}
                                onRefresh={()=>{
                                    this.props.getGameList()
                                }}/>}
                        getItemLayout={this.getItemLayout}
                        contentContainerStyle={styles.gameListContent}
                        data={gameListData}
                        keyExtractor={this.keyExtractor}
                        renderItem={props=>this.renderItem({...props, isFirst: props.index === 0, isLast: props.index === gameListData.length-1})}
                        ItemSeparatorComponent={this.renderSeparator}
                        initialNumToRender={25}
                        onEndReachedThreshold={0.5}
                    />
    
    2 回复  |  直到 8 年前
        1
  •  0
  •   RANVIR GORAI    8 年前

    为了提高FlatLsit的性能,在初始渲染过程数据上,通过切片10到15,然后 向上滚动 事件将所有数据传递给is,因为它加载了我们在中指定的更多数据 SetInitilItemToRender ,因为它会触发 ONEDREACHED公司 事件多次发生。

        2
  •  0
  •   Adnan Ali    8 年前

    创建 PureComponent公司 对于每个列表项,帮助我提高了列表性能。然而,一些人建议使用 列表视图 而不是 平面列表 但我没有试过。有关详细信息,请访问以下URL:

    https://github.com/facebook/react-native/issues/13649

    推荐文章