0

我正在按以下方式进行导航 Home.js -> discover-things.js(包括顶部导航栏)-> Filter-screen.js

在 Home.js 中,我有一个这样定义的堆栈导航器——

import { StackNavigator } from 'react-navigation'; 
import DiscoverScreen from './discover-things';
import TopNavBar from './discover-things/top-nav-bar';

export default StackNavigator({
  DiscoverScreen: {
    screen: DiscoverScreen,
    navigationOptions: { header: TopNavBar },
  },
});

在顶部导航栏中,我有这个——

import React from 'react';
import {Alert} from 'react-native';

export default ({...props}) => (   //Here the props are undefined
  <View style={styles.navbarContainer}>
    <View style={[styles.titleContainer, globalStyles.verticallyBottom]}>
      <Text style={styles.discoverTitle}>
                Discover
      </Text>
    </View>
    <View style={[styles.toolsContainer, globalStyles.verticallyBottom]}>
      <View style={[styles.toolsInnerContainer, globalStyles.verticallyBottom]}>
        <Icon name="search" size={25} style={styles.icon} />
        <Icon name="sliders" size={25} style={styles.icon} onPress={() => {props.navigation.navigate('FilterScreen')}
/>
      </View>
    </View>
  </View>
);

在这里,我在其中一个图标上应用 OnClick,以便它可以引导我进入过滤器屏幕。

在过滤器屏幕中,我有这个----

import { StackNavigator } from 'react-navigation';

import FilterScreen from './view';

export default StackNavigator({
    FilterScreen: {
        screen:FilterScreen,
        navigationOptions: {header : null}
    }
})

但是单击过滤器屏幕中的图标时,什么也没有发生。我在这里做错了什么以及如何正确实施它?

4

0 回答 0