ナビゲーションバーに画像でボタンを配置したい

Question

実現したいこと

ReactNativeのアプリケーションで、ナビゲーションバーの右端に画像でボタンを配置したいです。
イメージはこんなかんじです。

自分でできたこと

今は、例としてホーム画面のhome.jsにおいて以下のような感じで文字のボタンなら置けています。
ここのbuttonの部分を画像で置き換えたいのですが、どうしたら良いのでしょうか。
よろしくおねがいします。

HomeScreen.navigationOptions = {
  title:'ホーム',
  headerRight: <Button title='button' style={styles} />
}

Answer 1

HomeScreen.navigationOptions = {
  title:'ホーム',
  headerRight: (
    <TouchableOpacity>
      <Image />
    </TouchableOpacity>
  )
}

ButtonではなくTouchableOpacityというコンポーネントでImageコンポーネントを挟んであげればいけます。

Answer 2

こんな感じでButtonのchildrenで画像を渡してやるのはどうですか？

<Button style={styles} />
  <img src="****">
</Button>