如何在本机反应中发送数据？答案

【问题标题】：How to send data in react native?如何在本机反应中发送数据？
【发布时间】：2018-11-23 21:46:20
【问题描述】：

如何将数据从屏幕发送到其他屏幕并将其保存在卡中我没有找到方法。我通过导航和路由器通量为其他按钮使用页脚。

我试过Action.hometab({name:this.state.name})

【问题讨论】：

标签： react-native react-native-router-flux

【解决方案1】：

我建议你使用 react-navigation。这样你就可以传递这样的道具了。

this.props.navigation.navigate('Screen2', {data: 'some-stuff'})

您可以像这样访问其他屏幕中的数据。

this.props.navigation.state.params('data')

【讨论】：

我试过这个给出错误 undefined is not a function
@AliAlsaggaf 可以分享代码吗？ - 您需要检查的第一件事是与反应导航路线相关联 - 如果它没有路线键，那么您需要将导航道具传递给该组件。

【解决方案2】：

首页

    import React, { Component } from "react";
import { Container,Content,Button,Input,Item,Form,Textarea,Text} from "native-base";
import styles from "./styles";
import firebase from "firebase";
import { Actions } from 'react-native-router-flux';
import PorsonTab from './PorsonTab'

class NewStr extends Component {

  componentDidMount() {
    var that = this;

    var date = new Date().getDate(); 
    var month = new Date().getMonth() + 1; 
    var year = new Date().getFullYear(); 
    var hours = new Date().getHours(); 
    var min = new Date().getMinutes(); 


    that.setState({ date: date + '/' + month + '/' + year + ' ' + hours + ':' + min, }); }

     test = () => {
      firebase.database().ref().child('users').push(
        { name:this.state.name,story: this.state.story,time2:this.state.date }),
        Actions.sentmsg();
        this.props.navigation.navigate('PorsonTab', {name:this.state.name})

      }


    state = {name: "",story: "",time2:""}

  render() {

    return (
      <Container style={styles.container}>


        <Content padder>
          <Form>
            <Item regular>
              <Input onChangeText = {name => this.setState({name})}  placeholder="عنوان القصة" />
            </Item>
          </Form>
          <Text/>
          <Text/>


          <Textarea onChangeText = {story => this.setState({story})} rowSpan={5} bordered placeholder="محتوى الرسالة يجيب الا تقل عن 100 كلمة" />
            <Text/>
            <Text/>
            <Text/>
            <Text/>
            <Text/>
            <Button block primary style={styles.mb15} 
            onPress={this.test.bind(this)} >
            <Text>نشر</Text>
          </Button>


        </Content>
      </Container>
    );
  }
}

export default NewStr;

第二页

import {Container,Text,Content,Card,CardItem,Body} from 'native-base';
import {Icon} from 'native-base';
import React,  {Component} from 'react';
import styles from "./styles";









export default class PorsonTab extends Component {

    static navigationOptions = {
        tabBarIcon: ({tintColor}) => {
            return < Icon name='md-contacts' style={{color:tintColor}}/>
        }
    }

 render(){

     return(
        <Container style={styles.container }  >
        <Content padder >
             <Card style={styles.mb1} >
            <CardItem  header bordered style={styles.mbitem} >
              <Text  style={{flex:1,textAlign:'center'}}> {this.props.navigation.state.params('name')}</Text>
            </CardItem>

              <Body>
                <Text style={{flex:1,textAlign:'center'}}>
                  1
                </Text>
              </Body>

          </Card>

             </Content>
             </Container>

     );
 }
}

【讨论】：