Элементы React Native FlatList не отображаются

Я тестирую FlatList, вложенный в навигатор, и пытаюсь понять, как он работает. Код ниже работает нормально:

<FlatList
    data = {[{key: 'a'}, {key: 'b'}]}
    renderItem = {({item}) => <Text>{item.key}</Text>}
    horizontal = {true}
/>

Но это не так:

<FlatList
    data = {[{key: 'a'}, {key: 'b'}]}
    renderItem = {({item}) => <TextComp data = {item}/>}
    horizontal = {true}
/>

TextComp - это просто компонент, который отображает item.key, и при отдельном тестировании он работает должным образом. Код

<View> 
    <Text>{this.props.data.key}</Text> 
</View> 

Я также пробовал рисовать границы вокруг обоих компонентов, и кажется, что FlatList определенно отображает, а элементы - нет.

Я тестирую свое устройство Android.

Обновление: я добавил оператор console.info (this.props) в компонент TextComp, и он правильно отображает реквизиты, поэтому правильные данные передаются из FlatList в TextComp, но TextComp просто не отображается.