响应本机：不变违反：找不到名称路径的视图配置

Question

我对React Native还是很陌生，并且在将材料ui图标导入代码中时遇到问题。 导入材料ui图标成功。但是，当我将材料ui图标放置在View标记内时，会引发错误：

永久违反：找不到名称路径的视图配置

这是我到目前为止所拥有的：

import CheckCircle                    from '@material-ui/icons/CheckCircle';


<View>
 <Content padder>
  <View style={{flex: 1, flexDirection: 'row', marginTop: 15, alignSelf: 'center'}}>
    <View style={{borderBottomColor: '#00529b', width: 50, borderBottomWidth: 10}}/>
    <View style={{borderBottomColor: '#00529b', width: 50, borderBottomWidth: 10, marginLeft: 5}}/>
    <View style={{borderBottomColor: '#00529b', width: 50, borderBottomWidth: 10, marginLeft: 5}}/>
    <View style={{borderBottomColor: '#00529b', width: 50, borderBottomWidth: 10, marginLeft: 5}}/>
    <View style={{borderBottomColor: '#00529b', width: 50, borderBottomWidth: 10, marginLeft: 5}}/>
    <CheckCircle />
  </View>
 </Content>
</View>

有人可以帮我吗？

谢谢。