Как автоматически изменить размер React Native Gifted Chat Input?

Question

Я использую React Native Gifted Chat, и у меня возникает проблема, когда ввод текста превышает две строки или пользователь использует ввод, тогда TextInput не имеет автоматического изменения размера. Как на картинке ниже:

Это мой код:

  <GiftedChat
            placeholder={'Type Here'}
            messages={this.state.messages}
            onSend={messages => {
              this.onSend(messages)
              this._sendChatMessage(messages[0].text)

            }}
            user={{
              _id: 'CUSTOMER',
            }}
            maxComposerHeight={200}
            scrollToBottom
            alignTop
            // minInputToolbarHeight={200}
            // maxInputLength={200}
            renderSend={this.renderSend}
            renderBubble={this.renderBubble}
            renderInputToolbar={this.state.isFinishOrder ? this.renderInputToolbarFinish : this.renderInputToolbar}
            renderAvatar={null}
            renderDay={null}
            renderTime={this.renderTime}
            renderFooter={this.renderFooter}
            isCustomViewBottom={true}

Я хочу, чтобы TextInput для React Native Gifted Chat автоматически -resize. Пожалуйста помоги. Спасибо.

Answer 1

Вы на самом деле не показывает функцию, которую используете для вызова в renderInputToolbar. Так что я могу только сделать предположение. Если мой ответ не охватывает вас, пожалуйста, обновите ваше сообщение с включенным this.renderInputToolbar.

По умолчанию textInput использует autoResize, поэтому я могу только предполагать, что вы забыли передать реквизиты в Ваш вклад так:

///Pass props
renderInputToolbar = (props) => {

        return ( 
                 <InputToolbar 
                    {...props} 
       //Add the extra styles via containerStyle here
       //Add any other option you want to pass like placeholder
                 />;
       );
    }