react-native-netease-imui/chatinput.ios.js

react-native netease imui

import React, {Component} from 'react';
import {View, requireNativeComponent,NativeModules,ViewPropTypes} from 'react-native';
import PropTypes from 'prop-types'

export default class ChatInput extends Component {
    constructor(props){
        super(props);
        this._onFeatureView = this._onFeatureView.bind(this);
        this._onShowKeyboard = this._onShowKeyboard.bind(this);
        this._onChangeBarHeight = this._onChangeBarHeight.bind(this);
        this._onSendTextMessage = this._onSendTextMessage.bind(this);
        this._onSendRecordMessage = this._onSendRecordMessage.bind(this);
        this._onClickMention = this._onClickMention.bind(this);
    }
    _onFeatureView(event: Event){
        if (!this.props.onFeatureView) {
            return;
        }
        this.props.onFeatureView(event.nativeEvent.inputHeight,event.nativeEvent.showType);
    }
    _onShowKeyboard(event: Event){
        if (!this.props.onShowKeyboard) {
            return;
        }
        this.props.onShowKeyboard(event.nativeEvent.inputHeight,event.nativeEvent.showType);
    }
    _onChangeBarHeight(event: Event){
        if (!this.props.onChangeBarHeight) {
            return;
        }
        this.props.onChangeBarHeight(event.nativeEvent.inputHeight,event.nativeEvent.marginTop);
    }
    _onSendTextMessage(event: Event){
        if (!this.props.onSendTextMessage) {
            return;
        }
        this.props.onSendTextMessage(event.nativeEvent.text,event.nativeEvent.IDArr);
    }
    _onSendRecordMessage(event: Event){
        if(!this.props.onSendRecordMessage){
            return;
        }
        this.props.onSendRecordMessage(event.nativeEvent.Path);
    }
    _onClickMention(){
        if(!this.props.onClickMention){
            return;
        }
        this.props.onClickMention();
    }

    render() {
        return (
            <RNCustomInputViewApi
                {...this.props}
                onFeatureView = {this._onFeatureView}
                onShowKeyboard = {this._onShowKeyboard}
                onChangeBarHeight = {this._onChangeBarHeight}
                onSendTextMessage = {this._onSendTextMessage}
                onSendRecordMessage = {this._onSendRecordMessage}
                onClickMention = {this._onClickMention}
                />
            );
    }
}
ChatInput.propTypes = {
    ...ViewPropTypes,
    // menuViewH:PropTypes.number,
    defaultToolHeight:PropTypes.number,
    onFeatureView:PropTypes.func,
    onShowKeyboard:PropTypes.func,
    onChangeBarHeight:PropTypes.func,
    onSendTextMessage:PropTypes.func,
    onSendRecordMessage:PropTypes.func,
    onClickMention:PropTypes.func,
};
const RNCustomInputViewApi = requireNativeComponent('RNCustomInputView', ChatInput);