React Native 循环生成多个 View 组件

在 React Native 中，可以使用循环来生成一组 View。下面是一个示例：

import React from 'react';
import { View } from 'react-native';

export default function App() {
  const views = [];

  for (let i = 0; i < 30; i++) {
    views.push(<View key={i} style={{ width: 50, height: 50, backgroundColor: 'red', margin: 5 }} />);
  }

  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      {views}
    </View>
  );
}

在上面的代码中，我们使用一个 for 循环来生成 30 个 View 组件，并将它们添加到 views 数组中。每个 View 都有一个唯一的 key 属性，用于 React 的渲染性能优化。最后，我们在根 View 组件中使用 {views} 来渲染这 30 个 View 组件。