标题： 使用React Native构建iOS小部件：react-native-widgetkit详解

import { WidgetKit } from 'react-native-widgetkit';
 
// 创建一个简单的数字时间小部件
export const NumberTimeWidget = () => {
  // 获取当前时间
  const now = new Date();
  const hours = now.getHours();
  const minutes = now.getMinutes();
  const seconds = now.getSeconds();
 
  // 格式化时间
  const time = `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
 
  // 使用WidgetKit创建小部件
  return (
    <WidgetKit>
      <Text style={{ fontSize: 40, textAlign: 'center', marginTop: '25%' }}>{time}</Text>
      <Text style={{ textAlign: 'center', marginBottom: '25%' }}>时间</Text>
    </WidgetKit>
  );
};

这段代码演示了如何使用react-native-widgetkit库来创建一个简单的数字时间小部件。它获取当前时间，格式化并显示在小部件中，同时也展示了如何使用WidgetKit组件来包装小部件内容。