title: How to use image instead of icon with React Native HeaderButton and HeaderButtonComponent in a header?
body: <p>What I am using:
  <em>npm i react-navigation-header-buttons</em></p>
  <p>The code that I have:</p>
  <pre><code>const HeaderButtonComponent_B = (props) =&gt; (
      &lt;HeaderButton
          IconComponent={Ionicons}
          iconSize={10}
          color=&quot;#000&quot;
          {...props}
      /&gt;
  );
  
  Home.navigationOptions = (navData) =&gt; {
      return {
          headerTitle: &quot;&quot;,
          headerRight: () =&gt; (
              &lt;HeaderButtons HeaderButtonComponent={HeaderButtonComponent_B}&gt;
                  &lt;Item
                      title=&quot;Some Title&quot;
                      iconName=&quot;timer&quot;
                      onPress={() =&gt; navData.navigation.navigate(&quot;Setting&quot;)}
                  /&gt;
              &lt;/HeaderButtons&gt;
          ),
      };
  };
  </code></pre>
  <p>What I would like to do is to use an image (PNG) instead of <code>iconName=&quot;timer&quot;</code></p>
  <p>How do I do that?</p>
  <p>Edit: open to alternatives in case it cannot be done</p>