react native es6写法下子组件向父组件传值

父组件

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, {Component} from 'react';
import {
  Text,
  View,
  StyleSheet,
  Image,
  Animated,
  TouchableWithoutFeedback

} from 'react-native';

import {NavigationActions} from '../utils'
import {connect} from 'react-redux'
import All from  '../components/tabList/All'
import Answer from '../components/tabList/Ansewer'
import Demand from '../components/tabList/Demand'
import Collect from '../components/tabList/Collect'
@connect(({requests})=>({...requests}))
export default class myAccount extends Component {
  constructor(props){
    super(props)
    this.state={
      isPlace:false,
      index:2
    }
  }
  whichOne(){
     switch(this.props.index){
       case 1 :return (<All   callbackParent={(scrollY)=>this.getContentY(scrollY)} />)
       case 2 :return (<Demand />)
       case 3 :return (<Collect />)
       case 4 :return (<Answer />)
       default : return (<All />)
     }
  }
  getContentY(scrollY){
    console.log(scrollY)
  }
 

子组件：

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, {Component} from 'react'
import {
  Text,
  View,
  StyleSheet,
  FlatList,
  Image
} from 'react-native'
import UserHeader from '../myAccount/userHeader'


export default class All extends Component {
  constructor(props){
    super(props)
    this.state={
      dataSrc:''
    }
  }

  componentWillMount() {
    this.getData()
  }

 

  onScroll=(e)=>{
    let scrollY=e.nativeEvent.contentOffset.y;
    console.log(scrollY)
    this.props.callbackParent(scrollY)
  }
  render() {
    return (
      <View style={styles.container} >
        <FlatList
        
          onScroll={(e)=>this.onScroll(e)}
        />
      </View>

    )
  }
}