小编Tha*_*rio的帖子

使用 ScrollView 的 InfiniteScroll - React Native

我有一个使用 React Native 本身的 ScrollView 的列表。基本上,我通过 API 返回动态构建一个列表。

\n
async fetchData(userSearch) {\n    const {route} = this.props;\n    const {params} = route;\n    const {type} = params;\n\n    this.setState({\n      loading: true,\n    });\n\n    const responseProcedures = await scheduleResource.getProcedures(userSearch);\n\n    this.setState({\n      procedures: responseProcedures.data,\n      loading: false,\n    });\n  }\n\n\n\n<ScrollView\n  onScroll={(event) => this.shouldLoadMoreContent(event)}\n>\n    {procedures.map(procedure => (\n      <ArrowBox key={procedure.id} onPress={() => RootNavigation.navigate('ProcedureDetails', {procedure})}>\n        <Text bold style={styles.ProcedureTitle}>\n          {procedure.name}\n        </Text>\n        {!!procedure.synonyms.length && (\n          <>\n            <Text bold style={styles.ProcedureSynonymTitle}>\n              Sin\xc3\xb4nimos\n            </Text>\n            <View style={styles.ProcedureSynonymOptionsContainer}>\n              {procedure.synonyms.map(synonym => <Text style={styles.ProcedureSynonymOption} key={synonym}>{synonym}</Text>)}\n            </View>\n          </>\n        )}\n      </ArrowBox>\n    ))}\n</ScrollView>\n
Run Code Online (Sandbox Code Playgroud)\n

问题是我加载了 …

pagination lazy-loading scrollview reactjs react-native

2
推荐指数
1
解决办法
5667
查看次数