React Native: нарушение инварианта: просмотр конфигурации не найден для пути имени

Question

Я довольно новичок в React Native, и у меня возникла проблема с импортом значков пользовательского интерфейса в код.Импортирование иконки материала успешно завершено.Однако, когда я помещаю значок пользовательского интерфейса материала в тег View, он выдает ошибку:

Invariant Violation: просмотр конфигурации не найден для пути имени

Вот что у меня до сих пор:

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>

Может ли кто-нибудь помочь мне с этим?

Спасибо.