47 lines
1.0 KiB
TypeScript
47 lines
1.0 KiB
TypeScript
import React from 'react';
|
|
import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
|
|
|
|
interface ErrorViewProps {
|
|
message: string;
|
|
onRetry?: () => void;
|
|
}
|
|
|
|
export const ErrorView: React.FC<ErrorViewProps> = ({ message, onRetry }) => (
|
|
<View style={styles.container}>
|
|
<Text style={styles.errorText}>{message}</Text>
|
|
{onRetry && (
|
|
<TouchableOpacity style={styles.retryButton} onPress={onRetry} activeOpacity={0.8}>
|
|
<Text style={styles.retryText}>重试</Text>
|
|
</TouchableOpacity>
|
|
)}
|
|
</View>
|
|
);
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
flex: 1,
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
padding: 24,
|
|
},
|
|
errorText: {
|
|
fontSize: 16,
|
|
color: '#EF5350',
|
|
textAlign: 'center',
|
|
marginBottom: 16,
|
|
},
|
|
retryButton: {
|
|
paddingHorizontal: 24,
|
|
paddingVertical: 12,
|
|
backgroundColor: '#1A1A1A',
|
|
borderRadius: 8,
|
|
borderWidth: 1,
|
|
borderColor: '#EF5350',
|
|
},
|
|
retryText: {
|
|
fontSize: 14,
|
|
color: '#EF5350',
|
|
fontWeight: '600',
|
|
},
|
|
});
|