What is the purpose of Stylesheet.create

[nikischin]

What is the benefit of using Stylesheet.create() When I could also just pass a memorized object with styles?

And is it better to have the Stylesheet outside my components or does it not matter for performance?

Let's say I have a Dynamic font based on a variable passed I could either do

const base = Stylesheet.create({...mybasestyles...});

function MyPDFPage({layout}){
  const style = Stylesheet.create({...base,
page: {fontFamily: (layout === 'modern'? "Helvetica" : "Times")
});

  return (<Page style={styles.page}>
    <>...</>
  </page>);
}

or just

function MyPDFPage({layout}){
  const style = Stylesheet.create({
    ...mybasestyles...,
page: {
      fontFamily: (layout === 'modern'? "Helvetica" : "Times")
    });

  return (<Page style={styles.page}>
    <>...</>
  </page>);
}

Or even

function MyPDFPage({layout}){
  const style = useMemo(() => ({
    ...mybasestyles...,
page: {
      fontFamily: (layout === 'modern'? "Helvetica" : "Times")
    }), [layout]);

  return (<Page style={styles.page}>
    <>...</>
  </page>);
}