React native 在React native中创建一个图标，在图标内包含名字和姓氏的第一个字母

我想在react native中的图标内创建一个带有名字和姓氏首字母的图标。请让我知道我该怎么做。

你可以创建一个简单的组件，就像下面一样，这将把文本放在中间，我把首字母作为道具，但是你可以修改它来获取颜色和其他属性。

const InitialIcon = ({ initials }) => {
  return (
    <View
      style={{
        backgroundColor: 'blue',
        alignItems: 'center',
        justifyContent: 'center',
        borderRadius: 30,
        width: 50,
        height: 50,
      }}>
      <Text style={{ color: 'white', fontSize: 25 }}>{initials}</Text>
    </View>
  );
};

const InitialIcon=（{initials}）=>{
返回(
{首字母缩写}
);
};

用法

 <InitialIcon initials="AB" />