React Native - 图标名称的 expovector-icons 打字稿类型定义

使用 expo/vector-icons 可以轻松地在 React Native 项目中添加各种图标。这个库提供了一系列常用的图标，如 Material Icons、FontAwesome、Ionicons 等。在本文中，我们将了解如何使用 expo/vector-icons，并根据图标名称的类型定义来为我们的应用添加图标。

npm install @expo/vector-icons

jsx
import { MaterialIcons } from '@expo/vector-icons';

jsx
import React from 'react';
import { View, Button } from 'react-native';
import { MaterialIcons } from '@expo/vector-icons';
export default function App() {
  return (
    
              title="点击我"
        icon={
          
        }
        onPress={() => {
          // 处理按钮点击事件
        }}
      />
    
  );
}

jsx
  name="add"
  size={24}
  color="white"
  style={{
    backgroundColor: 'red',
    borderRadius: 12,
    padding: 6,
  }}
/>