【ReactNative】ActionSheetで画面遷移&値を渡す

Question

前提・実現したいこと

ActionSheetのボタンでその画面の値を保持させながら次の画面に遷移させたいです。
普通のボタンであれば実装可能ですが、ActionSheetの場合どのように記述すればいいかわかりません。引数をもたせて、その画面で渡したい値を取得し、画面遷移とともに渡したい値を次の画面に渡す流れでうまくいきましたが、いかがでしょうか？

以下のコードで画面遷移はできる状態で、渡したい値は持っていない状態です。

該当のソースコード

showActionSheet = () => {
    const buttons = ['編集', '削除', 'キャンセル']
    ActionSheetIOS.showActionSheetWithOptions({
      options: buttons,
      cancelButtonIndex: 2,
      destructiveButtonIndex: 1
    },
    index => {
      this.setState({value: buttons[index]});
      if(index === 0){
        this.props.navigation.navigate('EditCategory')
      }else if(index === 1){
        this.props.navigation.navigate('DeleteCategory')
      }
    });
  }

Answer 1

普通のボタンであれば実装可能ですが、ActionSheetの場合どのように記述すればいいかわかりません。

引用テキスト引数をもたせて、その画面で渡したい値を取得し、画面遷移とともに渡したい値を次の画面に渡す流れでうまくいきましたが、

一度試してみてうまく行かなかった部分も自分でわかるほうが良いかもしれませんね。

this.props.navigation.navigate('EditCategory')
↓
this.props.navigation.navigate('EditCategory',{name: 'aaa'})

第二引数に指定で機能するはずです。

以下を用いて実装することもできます

• react-router-dom
• Redux