У меня есть данные, поступающие из базы данных о пожаре. Я перебираю эти значения и пытаюсь поместить их в Listitem
внутри scrollview
, но по какой-то причине элементы списка просто не отображаются. Я знаю, что данные поступают правильно, потому что я записываю их на консоль. (Как видно из приведенного ниже примера кода)
Кто-нибудь знает, как решить эту проблему или что может быть причиной?
Весь рендер:
render() {
const {search} = this.state;
return (
<ImageBackground
source={images.BackgroundImage}
style={styles.mainContainer}>
<CustomHeader navigation={this.props.navigation} />
<SearchBar
placeholder="Type Here..."
onChangeText={this.updateSearch}
value={search}
/>
<ScrollView>
{this.state.dataArr.map((value, i) => {
if (typeof value.name === 'string') {
console.log(value.name);
<ListItem
style={styles.listItem}
key={i}
title={value.name}
subtitle={value.role}
bottomDivider
/>;
}
})}
</ScrollView>
</ImageBackground>
);
}
}
Стили:
const styles = StyleSheet.create({
mainContainer: {
position: 'absolute',
flex: 1,
top: 0,
bottom: 0,
left: 0,
right: 0,
overflow: 'hidden',
},
item: {
padding: 10,
fontSize: 18,
height: 44,
backgroundColor: 'blue',
},
listItem: {
width: '100%',
height: '20%',
backgroundColor: 'red',
padding: 0,
}
});
Результаты Console.log (): у нас есть несколько тестов Джеффса, так что это правильно.
LOG Tom Nook
LOG jeff
LOG jeff
LOG jeff
LOG jeff
LOG jeff