编辑源代码并在 React Native 中添加导航

Question

我想对日历代码进行一些小改动，以便通过单击一周中的每一天来打开 ScanPhoto 页面。 但我不知道该怎么做。 我的计算器是正确完成的，但它不是

导航（'ScanPhoto'） 有语法错误，不知道怎么写

export default class Home extends Component<Props> {
  constructor(props) {
    super(props);
    this.state = {
      selectedStartDate: null,
    };
    this.onDateChange = this.onDateChange.bind(this);
  }

  onDateChange(date) {
    this.setState({
      selectedStartDate: date,
      navigate('ScanPhoto')
    });
  }


  render() {
    const { selectedStartDate } = this.state;
    const startDate = selectedStartDate ? selectedStartDate.format('jYYYY/jM/jD [is] YYYY/M/D') : '';

    const {navigate}=this.props.navigation;
    return (
      <Container>
      <Content>


      <View style={styles.container}>
      <JalaliCalendarPicker
      onDateChange={this.onDateChange}
      />

      <View>
      <Text >SELECTED DATE:{ startDate }</Text>
      </View>
      </View>



      <Button rounded light onPress={()=>navigate('calculator')}>
      <Text> calculator </Text>
      </Button>

      </Content>
      </Container>

    );
  }
}

Answer 1

要导航到新屏幕，您可以使用以下代码：

onDateChange(date) {
    this.setState({ selectedStartDate: date }) 
    this.props.navigation.navigate('ScanPhoto')
}