Question

我正在尝试使用React Native创建一个应用程序。我正在尝试创建一个允许用户单击的下拉选项，然后将其定向到应用程序内的另一个屏幕。

我尝试使用“ react-native-drop-down-item”中的{DropDownItem}和“ react-native-material-dropdown”中的{Dropdown}，但是这两个似乎不是针对该功能的下拉菜单中的可点击内容。

非常感谢您提供的有关代码的帮助，非常感谢！

（我提供了一张图片，希望它有助于解释我在寻找什么）Visual representation

Answer 1

您可以通过if / else语句检查下拉列表的值。

onChangeText={(value) => {
        this.setState({
          value,
        });
        if (this.state.value === '1') {
          this.props.navigation.navigate('BlogDetails');
        } else if (this.state.value === '2') {
          this.props.navigation.navigate('Blog');
        }
      }}

这里有博览会小吃的链接，以查看完整代码：

https://snack.expo.io/@malfuckingfurion/change-screen-from-dropdown

React Native：如何使用onpress函数创建下拉按钮

1 个答案: