我有一个使用 React Native 本身的 ScrollView 的列表。基本上,我通过 API 返回动态构建一个列表。
\nasync 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>\nRun Code Online (Sandbox Code Playgroud)\n问题是我加载了 …