导航不是移动屏幕的功能

时间:2020-11-05 14:03:14

标签: react-native react-navigation

我正在使用React MNavigation5导航到屏幕,但是遇到错误:

navigate is not a function

function Categories() {

   const navigate = useNavigation();

   function navigateToScreen() {
      navigate('ApartmentSales');
   }

   return (
     <View >
        <Text style={Styles.TextCategories}>دسته بندی ها</Text>
        {/* ---------------------------------------------------------------لایه کلی صفحه---------------------------------- */}
        <View style={Styles.View}>
            {/* --------------------------------------------------------------- لایه دکمه ها---------------------------------- */}
            <Button style={Styles.Button} onPress={ () => navigateToScreen}>
                <MaterialIcons name="waves" size={30} color={"#0c7656"} />
                <Text style={Styles.Text}>زمین</Text>

            </Button>

2 个答案:

答案 0 :(得分:1)

您需要实际调用该函数。

代替:

onPress={() => navigateToScreen}

要做:

onPress={() => navigateToScreen()}

或者:

onPress={navigateToScreen}

答案 1 :(得分:0)

执行以下操作:

const navigation = useNavigation();

function navigateToScreen() {
    navigation.navigate('ApartmentSales');
}