我假设你可以访问名字和姓氏。使用它，我写了这个代码，它将从名字和姓氏的第一个字母，并适用于您的个人资料图像。

$(document).ready(function(){
  var firstName = $('#firstName').text();
  var lastName = $('#lastName').text();
  var intials = $('#firstName').text().charAt(0) + $('#lastName').text().charAt(0);
  var profileImage = $('#profileImage').text(intials);
});

#profileImage {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #512DA8;
  font-size: 35px;
  color: #fff;
  text-align: center;
  line-height: 150px;
  margin: 20px 0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<span id="firstName">Kalpesh</span>
<span id="lastName">Singh</span>
<div id="profileImage"></div>

UI头像有一个简单易用的API，没有限制或登录。没有使用跟踪，也没有存储信息。最终的图像被缓存，但没有其他内容。只需写名字或姓氏，或两者兼而有之。

为用户“John Doe”生成默认设置的头像。

https://ui-avatars.com/api/?name=John+Doe

生成蓝色头像

https://ui-avatars.com/api/?background=0D8ABC&color=fff

随机生成后台头像

https://ui-avatars.com/api/?background=random

JsFiddle中添加的css选项

• 您只需在div中创建一个div。
• 把里面的一个放在完整的中心与line-height相同的容器的大小和text-align: center。

如果需要，还可以使用Javascript设置文本。

超文本标记语言

<div id="container">
  <div id="name">
   </div>
</div>

中央支助组

#container {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background: #333;
}
#name {
  width: 100%;
  text-align: center;
  color: white;
  font-size: 36px;
  line-height: 100px;
}

可选Javascript

var name = "Adam";
  var lastname = "Sandler";
  var initials = name.charAt(0)+""+lastname.charAt(0);
  document.getElementById("name").innerHTML = initials;

它可以写成一行程序。

fullName.split(' ').map(name => name[0]).join('').toUpperCase()

可运行片段：

x一个一个一个一个x一个一个二个一个x一个一个三个一个

我的解决方案处理用户名中包含两个以上单词的用户名。我使用正则表达式来提取空格分隔的名称组件的第一个字母。

var matches = str.match(/\b(\w)/g);
    var acronym = matches.join('');
    document.getElementById("name_acronym").innerHTML = acronym;

从您的HTML代码中调用包含此内容的此函数，“name_acronym”是配置文件图片文本的id。

获取字符串第一个字符的简单方法。甚至有时你可能会得到**$**作为undefined当你使用

var firstName = $('#firstName').text();

试试这个...

var firstName = "Jhon";
var initial = firstName.charAt(0);
console.log('--------', initial);

这样你应该得到“J”作为输出

回归之外：

var intials;
 var fullName = "Mahendren Manoharan"
 intials = fullName.split(' ').map(name =>name[0]).join('').toUpperCase();
 console.log('intials',intials); - check here your output

我的输出- MM
首先根据你的React提出一个条件。我根据我的React使用
返回内部：

{profileLogo != undefined || profileLogo != "" ? (
                <View
                // source={require("../../assets/images/Johnwick.jpg")}
                style={styles.profileImage}
              >
                <Text style={{alignItems:'center',justifyContent:'center',color:'white'}}>{intials}</Text>

                </View>
                
              
              ) : (
                <Image
                  source={require("../../assets/images/Johnwick.jpg")}
                  style={styles.profileImage}
                />
              )}

这就是全部...享受你的编码...