我正在構建一個原生反應的移動應用程序，其中我的視頻和音頻來自同一個數據數組。現在我將它們渲染成一個平面列表，音頻和視頻隨機組合在一起。現在我想要如果我點擊音頻文件，它應該導航到音頻組件，如果我點擊任何視頻，它應該導航到視頻組件。但我不知道如何過濾和導航到它們各自的組件。請幫助我。謝謝我的代碼主文件：它正在導航到音頻組件，我單擊音頻文件或視頻文件 <FlatList        horizontal        data={latestuploads}        keyExtractor={item => item.id}        renderItem={({item}) => {          return (            <ScrollView horizontal={true}>              <Card transparent style={{width: 170}}>                <TouchableOpacity                  onPress={() =>                    this.props.navigation.navigate('Audio', {id: item.id})                  }>                  <CardItem>                    <ImageBackground                      source={{uri: item.image_url}}                      style={styles.image}>                      <Image                        source={require('../assets/play-icon.png')}                        style={styles.icon}                      />                    </ImageBackground>                  </CardItem>                </TouchableOpacity>                <CardItem cardBody>                  <Text numberOfLines={1} style={styles.title}>                    {item.title}                  </Text>                </CardItem>                <CardItem cardBody>                  <Text style={styles.speaker}> {item.speaker} </Text>                </CardItem>              </Card>            </ScrollView>          );        }}      />