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}} />
  )}