Reactjs 尝试为文本创建边框时的反应

我正在尝试为文本创建一个“框”——这意味着为文本创建一个带有边框和背景色的边界框（在我的例子中，是单个字符）。
但是，当我创建视图和文本时，文本被视图的上限剪切（看看a是如何剪切的），我不明白为什么。

{字符}
导出默认EStyleSheet.create({
容器：{
为内容辩护：“中心”，
对齐项目：“居中”，
},
信函：{
尺寸：30，
背景颜色：“粉蓝”，
边界宽度：2，
textAlign:'中心'，
边框颜色：“钢蓝色”，
},
});

---

感谢您的帮助。

从文本中删除边框样式并将其添加到视图中

---

尝试添加视图的flex:1内部样式。尝试将

边距
样式添加到
字母
和
aligSelf:“中心”
，但实际上我建议将
背景色
和
边框宽度
添加到
样式请尝试添加填充，就像我在下面的代码中所做的那样：

  container: {
    justifyContent: 'center', 
    alignItems: 'center',

  },
  letter: {
    fontSize: 30,
    backgroundColor: 'powderblue',
    borderWidth: 2,
    textAlign: 'center',
    borderColor: 'steelblue',
    padding: 10,
  },
});

您是否在文本样式组件中尝试了flex:1？如果这不起作用，您可以尝试使用样式表中提供的相同代码，而不是EStyleSheet。
  container: {
    justifyContent: 'center', 
    alignItems: 'center',

  },
  letter: {
    fontSize: 30,
    backgroundColor: 'powderblue',
    borderWidth: 2,
    textAlign: 'center',
    borderColor: 'steelblue',
    padding: 10,
  },
});