react-with-context.jsx

import { Component, PropTypes } from 'react';
import { ScrollView, TextInput } from 'react-native';

// Parent Component
class Card extends Component {
  static childContextTypes = {
    handleFocus: PropTypes.func,
  }

  getChildContext = () => ({
    handleFocus: this.handleFocus,
  })

  handleFocus = (y) => {
    this.scrollView.scrollTo({ y });
  }

  render() {
    const {children} = this.props;
    return (
      <ScrollView ref={(r) => {this.scrollView = r}}>
        {children}
      </ScrollView>
    );
  }
}

// Child Component
class CardTextInput extends Component {
  static contextTypes = {
    handleFocus: PropTypes.func,
  }

  handleFocus = () => {
    if (!this.context.handleFocus) return;
    this.context.handleFocus(this.yPosition);
  }

  handleLayout = ({nativeEvent:{layout:{ y }}}) => {
    this.yPosition = y;
  }
  
  render() {
    return (
      <TextInput
        onLayout={this.handleLayout}
        onFocus={this.handleFocus}
      />
    );
  }
}

// A developer using your awesome it-just-works component
class Cards extends Component {
  render() {
    return (
      <Card>
        <CardTextInput />
      </Card>
    );
  }
}