title: How to loop and render elements in React-native?
body: <p>Is it possible to loop an identical component in Render function?</p>
  
  <p>Something like this:</p>
  
  <pre><code>...
  
  onPress = () =&gt; {
   ...
  };
  
  initialArr = [["blue","text1"],["red","text2"]];
  buttonsListArr = [];
  
  for (let i = 0; i &lt; initialArr.length; i++) 
  {
   buttonsListArr.push(
     &lt;Button style={{borderColor:{initialArr[i][0]}}} onPress={this.onPress.bind(this)}&gt;{initialArr[i][1]}&lt;/Button&gt;
   );
  }
  
  ...
  
  render() {
    return (
      &lt;View style={...}&gt;
       {buttonsListArr}
      &lt;/View&gt;
  )};
  </code></pre>
  
  <p>I mean this is just finite list of components, so any components like ListView/ScrollView etc is not applicable in this particular case. This is just syntax question.</p>