What I did so far thanks to you :
```
<View style={{padding: 10}}>
<StatusBar translucent barStyle="dark-content"/>
<TextInput
style={style.input}
placeholder="Search something..."
onChangeText={(text) => this.setState({ text })}
onSubmitEditing={ () => this._searchImages(this.state.text) }
value={this.state.text}
/>
<ScrollView scrollEventThrottle={16}>
<View style={{ height: 130, marginTop: 20 }}>
{ this.state.loading ? <Text> Loading </Text> : list }
</View>
</ScrollView>
</View>```
This is my main "View" list is corresponding to my FlatList :
```
const list = <FlatList
data={this.state.data}
renderItem={ this.renderItem }
keyExtractor={(item, id) => id.toString() }
/>```
and my searchImages function is basically an API call :
```
_searchImages = async (search) => {
const res = await Gallery.getImagesByTag(search)
this.setState({ isLoading: true })
if (res) {
this.setState({
isLoading: false,
data: res
})
}
}```
but the FlatList doesn't display at all, am I doing something wrong ?