在React native中创建一个图标，图标内有名字和姓氏的首字母

在React Native中创建一个图标，可以使用第三方库react-native-vector-icons来实现。该库提供了一系列常用的图标，可以根据需要选择合适的图标进行使用。

首先，需要安装react-native-vector-icons库。可以使用以下命令进行安装：

npm install react-native-vector-icons --save

安装完成后，需要链接该库到项目中。可以使用以下命令进行链接：

react-native link react-native-vector-icons

接下来，在需要使用图标的组件中引入所需的图标。例如，如果要创建一个显示名字和姓氏首字母的图标，可以使用以下代码：

import React from 'react';
import { View, Text } from 'react-native';
import Icon from 'react-native-vector-icons/FontAwesome';

const NameIcon = ({ firstName, lastName }) => {
  const initials = firstName.charAt(0) + lastName.charAt(0);

  return (
    <View>
      <Icon name="user" size={30} color="#000" />
      <Text>{initials}</Text>
    </View>
  );
};

export default NameIcon;

在上述代码中，我们首先引入了需要使用的图标库，这里使用的是FontAwesome图标库。然后，根据传入的firstName和lastName，获取名字和姓氏的首字母，并将其显示在图标下方的Text组件中。

需要注意的是，Icon组件的name属性指定了要显示的图标名称，可以根据需要选择合适的图标。size属性指定了图标的大小，color属性指定了图标的颜色。

以上是在React Native中创建一个显示名字和姓氏首字母的图标的方法。如果需要更多关于React Native的开发知识，可以参考腾讯云的React Native开发文档：React Native开发文档。