Question

我有一个应用程序，用户可以在其中查看事件列表，这些事件被分为不同的类别，例如音乐，艺术品等。我想做的是，如果用户单击某个类别中尚无事件，则该用户将能够单击将其带入“所有事件”类别列表的按钮。我使用了一个称为EventListScreen的组件，该组件用作所有类别列表的模板，因此，我没有使用每个类别的屏幕，而是使用EventListScreen作为主屏幕来列出事件。

我的问题是，如果“艺术”类别上的“我”没有事件，我希望用户单击一个按钮，将其直接带入“所有事件”类别，但是当我尝试这样做时 this.props.navigation.navigate("EventListScreen",{category: "All Events"})

什么都没有发生，因为我已经在EventListScreen上了。

我读过一些人说只是重新安装组件的地方，但是我不确定如何做到这一点以及将类别更改为All Events

我在下面添加了所有事件按钮代码：

<Text style={{paddingTop: 40, fontSize: 20}}>
        Sorry no events in here yet.
      </Text>
      <TouchableOpacity
        onPress={() => {
          this.props.navigation.navigate("EventListScreen", {
            category: "All Events"
          });
        }}>
        <Text style={{paddingTop: 20, fontSize: 15}}>
          Click here to see All Events
        </Text>
      </TouchableOpacity>

重新安装组件并更改其状态

0 个答案: