Keyboard avoiding view not working when input component is inside Footer.

[itsyogesh]

Hey @jeremybarbet

Thanks for the awesome library. So I am trying to get a text input work inside a footer and the keyboardAvoidingView doesn't seem to work when the input is inside the footer. Here is a video of this.

Here is the code for the Modalize component.

<Modalize
        ref={this.modal}
        HeaderComponent={this.renderHeader}
        keyboardAvoidingBehavior="padding"
        modalHeight={DEVICE_HEIGHT - HEADER_HEIGHT}
        FooterComponent={this.renderFooter}
        onClosed={this.onClosed}
        withHandle={false}
        flatListProps={{
          data: comments,
          renderItem: ({ item }) => <SingleComment comment={item} key={item.id} />,
          keyExtractor: (item, index) => (item && item.id ? item.id.toString() : index),
          showsVerticalScrollIndicator: false
        }}
        overlayStyle={{
          backgroundColor: 'rgba(29, 33, 41, 0.2)'
        }}
      />

I've tried all the enums related to keyboardAvoidingBehavior ('height', 'position', 'padding') but none of them seem to work. Any help in pointing me to the right direction would help immensely.

[CR-97]

Same issue here

[jeremybarbet]

Hi!

Yeah the input is a known issue. Unfortunately, I don't have time to work on it. If you already figured it out, feel free to open a PR, I will review it.

Related to #58.

[jeremybarbet]

Hi 1.3.7-rc.0 is released, you can try it out and I will release the final version if it works all fine!

[AdarshJais]

@jeremybarbet can you please clarify, Is it solved or not in a proper way? Because in my case I have multiple text input and thus above hack won't work for me.