render() {
    if (this.props.isLoading) {
      return (<LoadingView />)
    }

    const dataSource = this.state.dataSource.cloneWithRows(this.getDataSource())

    return (
      <View style={[
        MessageStyles.detailContainer,
        BaseStyles.col1
      ]}>
        {this.getContactInfo()}
        <ListView
          renderScrollComponent={props => <InvertibleScrollView {...props} inverted />}
          dataSource={dataSource}
          renderRow={this.renderRow.bind(this)}
          automaticallyAdjustContentInsets={false}
          style={[
            MessageStyles.messageDetailList,
            BaseStyles.col1,
            BaseStyles.lightBg,
            BaseStyles.replyMargin
          ]} />
        {this.getReply()}
      </View>
    )
  }
/**
   * Render message thread list component.
   *
   * @return {object} component
   */
Render message thread list component.
@return {object} component
Render message thread list component . @return { object } component
render() {
    if (this.props.isLoading) {
      return (<LoadingView />)
    }
    const dataSource = this.state.dataSource.cloneWithRows(this.getDataSource())
    return (
      <View style={[
        MessageStyles.detailContainer,
        BaseStyles.col1
      ]}>
        {this.getContactInfo()}
        <ListView
          renderScrollComponent={props => <InvertibleScrollView {...props} inverted />}
          dataSource={dataSource}
          renderRow={this.renderRow.bind(this)}
          automaticallyAdjustContentInsets={false}
          style={[
            MessageStyles.messageDetailList,
            BaseStyles.col1,
            BaseStyles.lightBg,
            BaseStyles.replyMargin
          ]} />
        {this.getReply()}
      </View>
    )
  }
render ( ) { if ( this . props . isLoading ) { return ( < LoadingView / > ) } const dataSource = this . state . dataSource . cloneWithRows ( this . getDataSource ( ) ) return ( < View style = { [ MessageStyles . detailContainer , BaseStyles . col1 ] } > { this . getContactInfo ( ) } < ListView renderScrollComponent = { props => < InvertibleScrollView { ... props } inverted / > } dataSource = { dataSource } renderRow = { this . renderRow . bind ( this ) } automaticallyAdjustContentInsets = { false } style = { [ MessageStyles . messageDetailList , BaseStyles . col1 , BaseStyles . lightBg , BaseStyles . replyMargin ] } / > { this . getReply ( ) } < / View > ) }
Render message thread list component.
Render message thread list component .