通过导航传递道具反应原生

Question

我正在通过导航器传递道具。我在将多个道具从州传递到另一个屏幕时遇到了问题。我试过了

passData(){
this.props.navigation.navigate('ListingAddressPhoto', {nickName:this.state.nickName})
}

这有效，但它只能传递一个道具。我已尝试为其添加更多属性，但第二页仅读取此内容。我如何从textinput和其他组件传递道具。我读过有关Redux的内容，但我想知道是否有其他路线而不是利用它。

我的组件位于

之下

<View style = {styles.inputdata}>    
           <TextInput 
            style = {styles.nickNameTextInput}
            onChangeText={(nickName) => this.setState({nickName})}
            placeholder={"Nickname eg. Cool Location"} 
            color={"black"}
            placeholderTextColor={"grey"}/> 
        </View> 
        <View style = {styles.reginput}>    
          <TextInput 
            style = {styles.nickNameTextInput}
            onChangeText={(hourlyRate) => this.setState({hourlyRate})}
            placeholder={"hourly rate"} 
            color={"black"}
            keyboardType='numeric'
            placeholderTextColor={"grey"}/> 
        </View> 
        <View style={styles.descriptionTextBox}>
          <TextInput 
            style = {styles.nickNameTextInput}
            multiline={true}
            borderColor={"black"}
            onChangeText={(description) => this.setState({description})}
            placeholder={"Describe your spot"} 
            color={"black"}
            placeholderTextColor={"grey"}/> 
        </View>

我从构造函数中的属性中获取所有数据并将其保存到状态。然后我想将它传递到下一个屏幕，然后我将其上传到Firebase。