Javascript 不同的按钮进入同一屏幕,如何将它们设置为不同的屏幕

Javascript 不同的按钮进入同一屏幕,如何将它们设置为不同的屏幕,javascript,react-native,expo,Javascript,React Native,Expo,我用presshandler制作了一个按钮,以转到不同的屏幕,但现在如果我制作了一个新按钮,它们都会转到该屏幕。如何将按钮引用/链接到不同的屏幕 主主屏幕: import React from 'react'; import { StyleSheet, View, Text, Button } from 'react-native'; import { globalStyles } from '../styles/global'; export default function Home({

我用presshandler制作了一个按钮,以转到不同的屏幕,但现在如果我制作了一个新按钮,它们都会转到该屏幕。如何将按钮引用/链接到不同的屏幕

主主屏幕:

import React from 'react';
import { StyleSheet, View, Text, Button } from 'react-native';
import { globalStyles } from '../styles/global';

export default function Home({ navigation }) {

  const pressHandler = () => {
    //navigation.navigate('Lesson3');
    navigation.push('Lesson3');
  }
  const pressHandler1 = () => {
    //navigation.navigate('Lesson1');
    navigation.push('Lesson1');
  }

  return (
    <View style={globalStyles.container}>
      <Text style={globalStyles.titleText}>Lessons Japanese 1</Text>
      <Button title='Lesson 1' onPress={pressHandler1} />
      <Button title='Lesson 2' onPress={pressHandler} />
      <Button title='Lesson 3' onPress={pressHandler} />
    </View>
  );
}
从“React”导入React;
从“react native”导入{样式表、视图、文本、按钮};
从“../styles/global”导入{globalStyles};
导出默认函数Home({navigation}){
常量pressHandler=()=>{
//导航。导航('Lesson3');
navigation.push('Lesson3');
}
恒压手柄1=()=>{
//导航。导航('Lesson1');
navigation.push('Lesson1');
}
返回(
课程日语1
);
}
屏幕按钮需要转到:

import React from 'react';
import { StyleSheet, View, Text, Button } from 'react-native';
import { globalStyles } from '../styles/global';

export default function Lesson3({ navigation }) {

  const pressHandler1 = () => {
    navigation.goBack();
  }

  return (
    <View style={globalStyles.container}>
      <Text>ReviewDetails Screen</Text>
    </View>
  );
}
从“React”导入React;
从“react native”导入{样式表、视图、文本、按钮};
从“../styles/global”导入{globalStyles};
导出默认函数Lesson3({navigation}){
恒压手柄1=()=>{
navigation.goBack();
}
返回(
查看详细信息屏幕
);
}

我弄明白了,我错过了主homestack.js中的一个导入,现在它可以按照我的要求工作了2


从“../screens/Lesson2”导入第2课

我发现我在我的主homestack.js中错过了一个导入,现在它可以按我想要的方式工作了2


从“../screens/Lesson2”导入第2课

如果在两个pressHandler函数中添加console.log,会调用哪一个?第3课每次都会被调用,因此我尝试为第1课制作第二个pressHandler,单击对该函数没有任何作用,但第二个pressHandler函数是否会被调用?如果它被调用,导航对象中会出现一些问题,如果它没有被调用,则此组件中会出现一些问题。我如何插入console.log ini获得了它控制台日志中会调用课程,因此当我按lesson1时,会显示文本lesson1;如果在两个pressHandler函数中添加console.log,则第3课也会显示文本,哪一个被调用?第3课每次都被调用,所以我尝试为第1课制作第二个presshandler,单击对该函数没有任何作用,但第二个presshandler函数是否被调用?如果它被调用,则导航对象中会出现一些问题,如果它没有被调用,则此组件中会出现一些问题。如何插入console.log ini获得了它控制台日志中会调用课程,因此当我按lesson1时,会显示文本lesson 1,第3课也会显示文本lesson 1