Solvedreact native gifted chat Show/Hide/Disable chat textinput ?

is there any function I can use on how to disable/show/hide the textinput at the bottom of the chat list? I want this function to control so User must click the buttons on the chat bubble (renderCustomView) before he/she can proceed to input a text message.

thanks,

14 Answers

✔️Accepted Answer

This code works: renderInputToolbar={disable ? () => null : undefined}

Other Answers:

In my case when I return null as renderInputToolbar, the textinput was hidden, but it's height remained as blank
This fix the blank box also:

minComposerHeight={0}
maxComposerHeight={0}
minInputToolbarHeight={0}
renderInputToolbar={() => null}

You could use renderInputToolbar as a prop for the GiftedChat and render it to null.

In my case when I return null as renderInputToolbar, the textinput was hidden, but it's height remained as blank
This fix the blank box also:

minComposerHeight={0}
maxComposerHeight={0}
minInputToolbarHeight={0}
renderInputToolbar={() => null}

For me this is enough

minInputToolbarHeight={0}
renderInputToolbar={() => null}

More Issues: