【ReactNaitive】React Navigationを使って前の画面に変数を渡したい

Question

Unable to goBack and setParams

上記の

import React from "react";
import { Button, Text, View } from "react-native";

class ViewA extends React.Component {
  state = { selected: false };

  onSelect = data => {
    this.setState(data);
  };

  onPress = () => {
    this.props.navigate("ViewB", { onSelect: this.onSelect });
  };

  render() {
    return (
      <View>
        <Text>{this.state.selected ? "Selected" : "Not Selected"}</Text>
        <Button title="Next" onPress={this.onPress} />
      </View>
    );
  }
}

import React from "react";
import { Button } from "react-native";

class ViewB extends React.Component {
  goBack() {
    const { navigation } = this.props;
    navigation.goBack();
    navigation.state.params.onSelect({ selected: true });
  }

  render() {
    return <Button title="back" onPress={this.goBack} />;
  }
}

というコードを参考に、以下のように書いてみたのですが、

//スクリーンA
//importは省略してます

export function Hoge(Props) {
  let onSelect =  false


return(
  <View>
    <View>
      <Text>{onSelect ? '選択されてます' : '選択されてません' }</Text>
    </View>
    <TouchableOpacity
      onPress={() => {
        navigation.navigate('Question', { onSelect: onSelect });
      }};>
    <View><Text>スクリーンB</Text></View>
    </TouchableOpacity>
  </View>
  )
}

//スクリーンB

export function HogeHoge(Props) {
  const [hoge, setHoge ] = useState(route.params.onSelect)
  function goBack() {
    setHoge(true)
    navigation.goBack();
  }

 let screen = navigation.setOptions({
    headerLeft: () => (
      <TouchableOpacity onPress={() => {
        goBack();
      }}>
        <Image
          source={require('../../images/back_btn.png')}
          style={commonStyles.back_btn}
        />
      </TouchableOpacity>
    ),
  })

  return (
    <View>{screen}</View>
  )
};

onSelectがtrueになりません。
恐らくsetStateで前の画面に値を渡すことは不可能だと思っています。

ググりまくっているのですが、良い書き方が出てきません。。
どなたかReact Navigationを使って前の画面に変数を渡す方法ご存知ないでしょうか？
※Redux使えばいけるような気がしてるのですが、使い方難しいのでできるだけ避けたいです

どうかよろしくお願いいたします。

Answer 1

結局Redux使って解決しました。