title: React native Flatlist navigate to diffrent page
body: <pre><code>import React from 'react';
  import { FlatList, StyleSheet, Text, View , ScrollView ,TouchableHighlight,TouchableOpacity,Touchable} from 'react-native';
  import { useState } from 'react';
  
  function HomeContent({navigation}){
      const [Level, setLevel] = useState([
          {name:'ม.3\nปี59', key:1},
          {name:'ม.3\nปี60', key:2},
          {name:'ม.3\nปี61', key:3},
          {name:'ม.3\nปี62', key:4},
          {name:'ม.3\nปี63', key:5},
          {name:'ม.6\nปี59', key:6},
          {name:'ม.6\nปี60', key:7},
          {name:'ม.6\nปี61', key:8},
          {name:'ม.6\nปี62', key:9},
          {name:'ม.6\nปี63', key:10},
      ])
  
      const pressHandler = () =&gt; {
          var i;
          for (i = 1; i &lt; 11; i++) {
              navigation.navigate(`Exam${i}`) /*exam.{key_page}*/ 
          }
      }
  
      return(
          &lt;View style = {styles.mainContent}&gt;
              &lt;ScrollView showsVerticalScrollIndicator ={false}&gt;
              &lt;FlatList 
                  data = {Level}
                  renderItem = {({item}) =&gt; (
                      &lt;TouchableOpacity onPress= {pressHandler}&gt;
                      &lt;View style = {styles.mainContentBox} &gt;
                          &lt;Text style={styles.mainContentBoxText}&gt;{item.name}&lt;/Text&gt;
                      &lt;/View&gt;    
                      
                      &lt;/TouchableOpacity&gt;
                  )}
                  numColumns = {2}
              /&gt;
              &lt;/ScrollView&gt;
          &lt;/View&gt;
      )
  }
  </code></pre>
  <p>I have many Exam pages (Exam[1-10]) how to navigate to a different page I try to use for loop the number but it doesn't work that make me go to all page 1-10</p>
  <p>I am a newbie sorry if this is obvious</p>