Die benutzerdefinierte RefreshControl-Komponente von React Native funktioniert auf Android nicht
Posted: 20 Jan 2025, 17:28
Ich habe kürzlich ein benutzerdefiniertes Spinner-Symbol für meine App erstellt und es überall ohne großen Aufwand implementiert, aber wenn es um die Aktualisierungssteuerung geht, ist das eine andere Geschichte. Ich verwende eine in mehreren Teilen meiner App und innerhalb der Requisite „refreshControl“ habe ich zuvor von „react native“ übergeben. Ich möchte die standardmäßige Aktivitätsanzeige entfernen und stattdessen meine benutzerdefinierte Komponente verwenden. Deshalb habe ich ein benutzerdefiniertes Aktualisierungssteuerelement erstellt, das unter iOS hervorragend funktioniert, aber unter Android zeigt meine Flatlist jetzt überhaupt nichts mehr an.Ich habe versucht, mir andere Fragen zum Stapelüberlauf und auf GitHub anzusehen, und alles, was ich gefunden habe, ist, {...props} zu übergeben, aber wenn ich das mache, ändert sich nichts. Unten ist mein Code:
CustomRefreshControl.tsx
und mein Flatlist-Code
CustomRefreshControl.tsx
Code: Select all
import React from 'react';
import {
RefreshControl,
RefreshControlProps,
StyleSheet,
View,
} from 'react-native';
import {Preloader} from '_components/common';
import {Colors} from '_styles/variables';
interface CustomRefreshControlProps extends RefreshControlProps {
refreshing: boolean;
onRefresh: () => void;
color?: Colors;
}
const CustomRefreshControl: React.FC = ({
refreshing,
onRefresh,
color = Colors.oxfordBlue,
...props
}) => {
return (
{refreshing && (
)}
);
};
const styles = StyleSheet.create({
refreshControl: {
backgroundColor: 'transparent',
},
preloaderContainer: {
margin: 10,
alignItems: 'center',
justifyContent: 'center',
},
});
export default CustomRefreshControl;
Code: Select all