Better view for larger objects

[adhip94]

Currently I am building a chat application using gifted chat. I have integrated the context menu library and it works brilliantly, except for chats with a huge text (50000 characters). An example of a huge text chat is shown below.

On whatsapp even if the text is huge I guess they push the chat message up and show it like below.

Is this something that can be handled within the library itself or is it something that I need to handle in my application? If so, any suggestions?

[bayazetyan]

Hi @dominicstop do you have any ideas about this issue?

[nandorojo]

I think the best option is to set a maxHeight on the preview element.

[tconroy]

Hi - I'm having a similar issue. In my case, the view isn't incredibly tall, but is taller than the viewport, and seems to get horizontally truncated (see below video)

Simulator.Screen.Recording.-.iPhone.14.Pro.-.2023-07-17.at.17.30.32.mp4

I've tried adding a view with a maxHeight around my preview. That doesn't seem to help (code below, note I'm using the Zeego library but it implements this dependency):

        <CM.Preview size="INHERIT">
          {() => (
            <View
              style={{
                maxHeight: windowDimensions.height * 0.9,
              }}
            >
              <PostView />
            </View>
          )}
        </CM.Preview>

video

Simulator.Screen.Recording.-.iPhone.14.Pro.-.2023-07-17.at.18.15.10.mp4

[nandorojo]

From what i can tell it looks like it does help in your second video @tconroy, right?

I think maxHeight is the only solution we have for this for now. Once other stability issues get cleaned up we can look into this.