（ネストされた）StackNavigator内にカスタムヘッダーアイコンを実装するにはどうすればよいですか？

これは実際にはかなり簡単です。React Navigation V2またはV3を使用していることを考慮して、createStackNavigatorドキュメントを参照してください。

あなたがそこに持っているheaderLeftとheaderRight、両方のカスタムコンポーネントを取ることができます設定を。したがって、サンプルヘッダーを簡単にコーディングできます。

編集

だから私は例を素早くコーディングしました：

あなたのApp.js：

import React, { Component } from "react";
import Navigator from "./navigation/navigation";

export default class App extends Component {
  render() {
    return <Navigator />;
  }
}

navigation.js：

import { createStackNavigator } from "react-navigation";
import HomeScreen from "../screens/HomeScreen";

const RootStack = createStackNavigator({ HomeScreen });

export default RootStack;

これで、次のように画面ごとにヘッダーをデザインできます。

import React, { Component } from "react";
import { Platform, StyleSheet, Text, View } from "react-native";
import { SafeAreaView } from "react-navigation";
import { Icon } from "react-native-elements";

const styles = StyleSheet.create({
  container: {
    flex: 1
  },
  icon: {
    paddingLeft: 10
  },
  iconContainer: {
    flexDirection: "row",
    justifyContent: "space-evenly",
    width: 120
  }
});

export class HomeScreen extends Component {
  static navigationOptions = {
    title: "Title",
    headerLeft: (
      <Icon
        containerStyle={styles.icon}
        type="ionicon"
        name={Platform.OS === "ios" ? "ios-menu" : "md-menu"}
      />
    ),
    headerRight: (
      <View style={styles.iconContainer}>
        <Icon type="ionicon" name={Platform.OS === "ios" ? "ios-search" : "md-search"} />
        <Icon type="ionicon" name={Platform.OS === "ios" ? "ios-heart" : "md-heart"} />
        <Icon type="ionicon" name={Platform.OS === "ios" ? "ios-more" : "md-more"} />
      </View>
    )
  };

  render() {
    return (
      <SafeAreaView styles={styles.container}>
        <Text>Hi from the HomeScreen.</Text>
      </SafeAreaView>
    );
  }
}

export default HomeScreen;

私はreact-native-elementsの<Icon />コンポーネントを使用しました。これらのアイコンにonPress小道具を与えることで、これらのアイコンをクリック可能にすることができます。

iOSでの結果のスクリーンショットは次のとおりです。

恥知らずなプラグイン： React Navigationについて詳しく知りたい場合は、本番環境に対応したナビゲーション設定を使用してアプリケーションを構築する方法を説明するチュートリアルがお勧めです。