Closed cox-michael closed 2 months ago
Symbols like the copyright symbol do not render on wrapped pages when using the fixed prop, but the rest of the text renders just fine.
fixed
Footer
export function Footer() { return ( <View fixed style={{ position: "absolute", bottom: 0, left: 0, width: 595, padding: "18px 25px", display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "space-between", }} > <View> <Text style={{ fontSize: 7 }}> © Company Name. All Rights Reserved. </Text> {/* page counter goes here */} </View> </View> ); }
© Company Name. All Rights Reserved. should render on the bottom of every page.
© Company Name. All Rights Reserved.
© Company Name. All Rights Reserved. is rendered on the bottom of the first page and subsequent pages only render Company Name. All Rights Reserved. (without the copyright symbol).
Company Name. All Rights Reserved.
I was able to get around it by utilizing the render prop:
render
<Text style={{ fontSize: 7 }} render={() => "© Company Name. All Rights Reserved."} />
It looks like you confused React-PDF with @react-pdf/renderer. Please file an issue in their repo instead.
Before you start - checklist
Description
Symbols like the copyright symbol do not render on wrapped pages when using the
fixed
prop, but the rest of the text renders just fine.Steps to reproduce
Footer
component at the bottomExpected behavior
© Company Name. All Rights Reserved.
should render on the bottom of every page.Actual behavior
© Company Name. All Rights Reserved.
is rendered on the bottom of the first page and subsequent pages only renderCompany Name. All Rights Reserved.
(without the copyright symbol).Additional information
I was able to get around it by utilizing the
render
prop:Environment