探索 Restyle：打造一致且主题化的React Native UI

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';

// 定义一个简单的组件，用于展示信息
const InfoCard = ({ info }) => {
  return (
    <View style={styles.container}>
      <Text style={styles.title}>{info.title}</Text>
      <Text style={styles.description}>{info.description}</Text>
    </View>
  );
};

// 创建样式表
const styles = StyleSheet.create({
  container: {
    backgroundColor: '#fff',
    borderRadius: 8,
    padding: 10,
    marginVertical: 10,
    marginHorizontal: 20,
    shadowColor: '#000',
    shadowOffset: { width: 0, height: 2 },
    shadowOpacity: 0.8,
    shadowRadius: 2,
    elevation: 5,
  },
  title: {
    fontSize: 18,
    fontWeight: 'bold',
    marginBottom: 5,
  },
  description: {
    fontSize: 14,
    color: '#444',
  },
});

export default InfoCard;