React Native: Array.map not rendering within Scrollview
You need to return each mapping!
{this.state.test.map((item, index) => {
return (
<View style={{height: 50, width: 50, backgroundColor: 'orange', marginBottom: 10}} />
)
})}
You are not returning anything in your map function. => {}
suggests a function.
Use => {return <Component/>}
or => <Component/>
You need to return the component inside map
you can do as @wnaman says in the other answer or you can just remove the {
}
braces and it will return as expected.
{this.state.test.map((item, index) =>
<View style={{height: 50, width: 50, backgroundColor: 'orange', marginBottom: 10}} />
)}