Wrapping part of a View onto another page, but ensuring that title & body text always appear on the same page?

[clarencefoy]

Hi all,

I'm loving this library, very impressed by it. I have a question for page-wrapping.

Imagine I have a View component which nests two things, a title and a body text, like so:

<View > // <------- can't set this component to wrap=false, as that causes lots of unused space on pages
        <Text></Text> // <----- this heading needs to be on the same page as the body text below it
        <Text></Text> // <---- this text can wrap across pages
</View>

The body-text can be quite long, so I would quite like it to be able to wrap onto the next page. However, at times the title gets disconnected from the body text, as the page wraps exactly between the title and the body text.

Is there any way to ensure both that the title always stays connected to the body text, but the body text also wraps onto the next page?

Disabling page wrapping for the whole text component causes huge amounts of white space in my documents, as all components now sit on their own page, so I'd like to avoid that if possible.

[WinSelf7]

Hello, Nice to meet you.
Please tell me how to make to split into multi pages when content is large.
Please show me opensource sample code.
Please Please

[kyle-robinson-morpheus]

Also interested in this. Here's an example I'm working with.

My goal is to make that the View with id container will start on the new page if there isn't X amount of space available on the new page.

In my actual application, I'm rendering a single page and allowing react-pdf to handle the page wrapping as it sees fit. My report layout is also configurable so I can't really just add page breaks where after each new component because like the original poster said, there will be lots of whitespace between report sections.

I have tried toying with orphans (which works fine for text) and minPresenceAhead but can't seem to make a combination of the two work if I want a whole <View> to begin on the next page if there isn't enough space.