title: How to include two buttons at headerLeft position?
body: <p>I have been trying to include two icon buttons at headerLeft position but only one icon button appears at the position. I have mentioned my code below which has no errors. Using the code, I am unable to obtain the desired output that is only one of the two icon buttons is appearing at the headerLeft position. I have created AccountStack using createStackNavigator(). At the headerRight position hamburger icon appears to access the drawer. I want settings icon button and help icon button to appear at the headerLeft position together.</p>
  <pre><code> export default function AccountStack({navigation}) {
                return (
                  &lt;Stack.Navigator&gt;
                  &lt;Stack.Screen name=&quot;Account&quot; component= {AccountScreen} 
      options={{headerRight: () =&gt; (&lt;Ionicons.Button name=&quot;reorder-three&quot; color={&quot;#FF0000&quot;} size={32} onPress={() =&gt; navigation.openDrawer()}/&gt;), 
          headerLeft: ()=&gt; ( &lt;Ionicons.Button name= &quot;settings&quot; color={&quot;#FF0000&quot;} size={32}/&gt; , 
                             &lt;Ionicons.Button name= &quot;md-help-circle&quot; color={&quot;#FF0000&quot;} size={32}/&gt; )}}/&gt; 
                  &lt;Stack.Screen 
          name=&quot;Help&quot; 
          component= {HelpScreen} 
          options={{headerRight: () =&gt; (&lt;Ionicons.Button     name=&quot;reorder-three&quot; color={&quot;#FF0000&quot;} size={32} onPress={() =&gt; navigation.openDrawer()}/&gt; )  }}/&gt;
                  &lt;Stack.Screen 
          name=&quot;Settings&quot; 
          component= {SettingScreen} 
          options={{headerRight: () =&gt; (&lt;Ionicons.Button     name=&quot;reorder-three&quot; color={&quot;#FF0000&quot;} size={32} onPress={() =&gt; navigation.openDrawer()}/&gt; )  }}/&gt;
                  &lt;/Stack.Navigator&gt;
                );
              }
  </code></pre>
  <p>I am a beginner, kindly help me out in resolving the problem.</p>