title: how to have more than one switch?
body: <p>I am trying to have more than one switch on the same page, I succeeded but the problem is that when I click on a switch it modifies all the other switches.</p>
  <p>Here is my code</p>
  <pre><code>const Setting =() =&gt; {
      const [switchValue, setSwitchValue] = useState(false);
  
      const toggleSwitch = (value, nb) =&gt; {
          setSwitchValue(value);
    };
      return (
      &lt;View&gt;
          &lt;View style={styles.Container}&gt;
              &lt;Text style={styles.Title}&gt;Change Profil Setting&lt;/Text&gt;
          &lt;/View&gt;
  
          &lt;View style={styles.ContainerText}&gt;
              &lt;Text syle={styles.Normal}&gt;Over 18:&lt;/Text&gt;
              &lt;Switch
                  style={{left: 50}}
                  onValueChange={toggleSwitch}
                  value={switchValue}
              /&gt;
          &lt;/View&gt;
          &lt;View style={styles.ContainerText}&gt;
              &lt;Text syle={styles.Normal}&gt;AutoPlay:&lt;/Text&gt;
              &lt;Switch
                  style={{left: 50}}
                  onValueChange={toggleSwitch}
                  value={switchValue}
              /&gt;
          &lt;/View&gt;
          &lt;View style={styles.ContainerText}&gt;
              &lt;Text syle={styles.Normal}&gt;FlexDirecttion:&lt;/Text&gt;
              &lt;Switch
                  style={{left: 50}}
                  onValueChange={toggleSwitch}
                  value={switchValue}
              /&gt;
          &lt;/View&gt;
      &lt;/View&gt;
      )
    }
  </code></pre>