GoBack react native üzerinde ekranı yeniden yükle

Question

Bir yığın gezgininde iki ekran olduğunu varsayalım:

First_Screen -> Second_Screen

This.props.navigation.goBack () 'i çağırarak önceki ekrana dönerken nasıl yenileyebilir / yeniden yükleyebiliriz?

Aşağıdaki react-native ve react-navigasyon sürümlerini kullanıyorum:

"react-native": "0.63.2",
"@react-navigation/native": "^5.7.3",
"@react-navigation/stack": "^5.9.0",

Aşağıdakileri denedim

componentDidMount() {
    this.props.fetchData();
    this.willFocusSubscription = this.props.navigation.addListener(
      'willFocus',
      () => {
        this.props.fetchData();
      }
    );
  }

  componentWillUnmount() {
    this.willFocusSubscription.remove();
  }

Ancak beklenen sonucu alamadı.

Answer 1

bunu dene, işe yarayacak

  componentDidMount() {
    this.onFocusCall = this.props.navigation.addListener('willFocus', () => {
      this.apiCall();
    });
  }
  componentWillUnmount() {
    this.onFocusCall.remove();
  }

Answer 2

React-navigation 5x kullandığınız için dinleyiciyi aşağıdaki şekilde güncellemeniz gerekir

componentDidMount() {
    this.props.fetchData();
    this.willFocusSubscription = this.props.navigation.addListener(
      'focus',
      () => {
        this.props.fetchData();
      }
    );
  }

dokümanlar: https://reactnavigation.org/docs/function-after-focusing-screen/

Answer 3

Bunu dene, iyi çalışıyor

  useEffect(() => {
      const unsubscribe = navigation.addListener("focus", async () => {
      const response = await apiCall();
    });

      return unsubscribe;
    }, [navigation]);