Custom font usage about react-native HOT 4 CLOSED

import { getStorybookUI } from "@storybook/react-native"

import "./storybook.requires"

const StorybookUIRoot = getStorybookUI({})

export default StorybookUIRoot

import { getStorybookUI } from "@storybook/react-native"
import { useFonts } from "expo-font"

import "./storybook.requires"

const StorybookUIRoot = getStorybookUI({})

const Storybook = () => {
  const [fontsLoaded] = useFonts({
    "Circular-Black": require("assets/fonts/lineto-circular-black.ttf"),
    "Circular-Black-Italic": require("assets/fonts/lineto-circular-blackItalic.ttf"),
    "Circular-Bold": require("assets/fonts/lineto-circular-bold.ttf"),
    "Circular-Bold-Italic": require("assets/fonts/lineto-circular-boldItalic.ttf"),
    "Circular-Book": require("assets/fonts/lineto-circular-book.ttf"),
    "Circular-Book-Italic": require("assets/fonts/lineto-circular-bookItalic.ttf"),
    "Circular-Medium": require("assets/fonts/lineto-circular-medium.ttf"),
    "Circular-Medium-Italic": require("assets/fonts/lineto-circular-mediumItalic.ttf"),
  })

  if (!fontsLoaded) return null

  return <StorybookUIRoot />
}

export default Storybook

const Storybook = ()=> {
    const [fontsloaded] = useFonts(/* ... stuff here ... */);
    return   <StorybookUIRoot/>
}

import { getStorybookUI } from "@storybook/react-native"

import "./storybook.requires"

const StorybookUIRoot = getStorybookUI({})

export default StorybookUIRoot

let AppEntryPoint = AppLayout;

if (Constants?.expoConfig?.extra?.storybookEnabled === "true") {
  AppEntryPoint = require("../.storybook").default;
}

export default AppEntryPoint;