原理：元件初始化時不設定Text控制元件的numberOfLines屬性，測量一下元件高度（最大高度），然後在設定numberOfLines屬性，再次測量一下元件高度（最小高度），若最大高度大與最小高度，表示需要顯示“展開”。

/* eslint new-cap: ["error", { "capIsNew": false }] */

import React, {
  Component,
  PropTypes,
} from 'react';

import {View, Image, StyleSheet, Animated, Text} from 'react-native';
export default class CollapsibleText extends Component {
  static propTypes = {
    style: Text.propTypes.style,
    expandTextStyle:Text.propTypes.style,
    numberOfLines: PropTypes.number
  }
  constructor(props){
    super(props);
    this.state = {
      /** 文字是否展開 */
      expanded:true,
      numberOfLines:null,
      /** 展開收起文字是否處於顯示狀態 */
      showExpandText:false,
      expandText:'展開',
      /** 是否處於測量階段 */
      measureFlag:true
    }
    this.numberOfLines = props.numberOfLines;
    /** 文字是否需要展開收起功能：（實際文字內容是否超出numberOfLines限制） */
    this.needExpand = true;
    this.measureFlag = true;
  }


  _onTextLayout(event){
    if(this.measureFlag){
      if(this.state.expanded){
        this.maxHeight = event.nativeEvent.layout.height;
        this.setState({expanded:false,numberOfLines:this.numberOfLines});
      }else{
        this.mixHeight = event.nativeEvent.layout.height;
        if(this.mixHeight == this.maxHeight){
          this.needExpand = false;
        }else{
          this.needExpand = true;
          this.setState({showExpandText:true})
        }
        this.measureFlag = false;
      }
    }

  }

  _onPressExpand(){
    if(!this.state.expanded){
      this.setState({numberOfLines:null,expandText:'收起',expanded:true})
    }else{
      this.setState({numberOfLines:this.numberOfLines,expandText:'展開',expanded:false})
    }
  }

  render() {
    const { numberOfLines, onLayout, expandTextStyle, ...rest } = this.props;
    let expandText = this.state.showExpandText?(
        <Text
          style={[this.props.style,styles.expandText,expandTextStyle]}
          onPress={this._onPressExpand.bind(this)}>
          {this.state.expandText}</Text>
      ) : null;
    return (
      <View>
        <Text
          numberOfLines={this.state.numberOfLines}
          onLayout={this._onTextLayout.bind(this)}
          {...rest}
          >
          {this.props.children}
        </Text>
        {expandText}
      </View>
    );
  }
}

const styles = StyleSheet.create({
  expandText: {
    color:'blue',
    marginTop:0
  }


});