メニューオプションで別のメニューを開くことはできますか？

Question

現在、メニュートリガーをクリックしてメニューを開くことができます。私は現在、メニューを開くことができるようにプロセスを実装しようとしています。-a、メニューからオプションを選択します。次に、メソッドのスライドを使用してメニューbを開きます。このモジュールで可能ですか？

Answer 1

controlled componentというメニューを使用して、開くメニューと閉じるメニューを宣言することができます。例：

export default class ControlledExample extends Component { 
    state = { 
    opened1: false, 
    opened2: false, 
    } 

    render() { 
    return (
     <MenuContext style={{ flexDirection: 'column', padding: 30 }}> 
     <Menu 
      opened={this.state.opened1} 
      onBackdropPress={() => this.setState({ opened1: false })} 
      onSelect={() => 
      this.setState({ 
       opened1: false, 
       opened2: true, 
      })} 
     > 
      <MenuTrigger 
      onPress={() => this.setState({ opened1: true })} 
      text="Select option" 
      /> 
      <MenuOptions> 
      <MenuOption value={1} text="One" /> 
      <MenuOption value={2} text="Two" /> 
      <MenuOption value={3} text="Three" /> 
      </MenuOptions> 
     </Menu> 
     <Menu 
     renderer={SlideInMenu} 
      opened={this.state.opened2} 
      onBackdropPress={() => this.setState({ opened2: false })} 
      onSelect={() => this.setState({ opened2: false })} 
     > 
      <MenuTrigger /> 
      <MenuOptions> 
      <MenuOption value={1} text="One *" /> 
      <MenuOption value={2} text="Two *" /> 
      <MenuOption value={3} text="Three *" /> 
      </MenuOptions> 
     </Menu> 
     </MenuContext> 
    ) 
    } 
}