افزودن کاستوم فونت در ری اکت نیتیو

4 سال پیش توسط سید عماد آرمون مطرح شد
آفلاین
user-avatar
سید عماد آرمون ( 3203 تجربه )
4 سال پیش
تخصص : برنامه نویس فول استک جاوا اسکریپت

لینک کوتاه اشتراک گذاری

0

با سلام خدمت تمامی دوستان
من با دستور create-react-native-app پروژه جدید ساختم و بدون شبیه ساز روی گوشی واقعی داشتم پروژه رو جلو میبردم که به کاستوم فونتم رسیدم که نتونستم اضافش کنم،آموزش های داخل سایت که از expo پشتیبانی نمیکنه، از مستندات سایت اکسپو هم که استفاده کردم نتیجه نگرفتم،مرتب خطا میده که فونت شناخته نشده و با دستور font.loadasync اضافه کن ،من هم عین دستور رو وارد میکنم داخل app.js فونت رو میخونه ولی لود نمیکنه و خطا میده
داخل اندروید وقتی *** reloading فعال باشه یک لحظه فونت رو نشون میده بعد خطا میده
ولی آی او اس که اصلا *** reloading نداره و مستقیما خطا میده
دوستان اگه کسی میدونه راهنمایی کنه ممنون میشم

آفلاین
user-avatar
حسام موسوی ( 473667 تجربه )
4 سال پیش
تخصص : طراح و برنامه نویس

لینک کوتاه اشتراک گذاری

0

چون بصورت async هست از روش صبر کردن و نمایش بعد از لود شدن رو براش قرار بدید که در همون مستنداتی که خوندین هم هست اگر هم میخواین مثل قبل با دستور react-native اجرا کنید پروژه رو هم میتونید با دستور

npm run eject

اینکارو انجام بدید

آفلاین
user-avatar
سید عماد آرمون ( 3203 تجربه )
4 سال پیش
تخصص : برنامه نویس فول استک جاوا اسکریپت

لینک کوتاه اشتراک گذاری

0

به صورت async هم طبق همون مستندات انجام دادم ولی باز هم خطای مشابه میده و میگه فونت شما قابل شناسایی نیست
"

class App extends React.Component {
async componentDidMount() {
await Font.loadAsync({
'open-sans-bold': require('./assets/fonts/OpenSans-Bold.ttf'),
});

this.setState({ fontLoaded: true });

}

// ...
}

"
با این دستور
ولی خطای مشابه قبل رو میده
این خطا:
fontFamily 'IRANSansMobilde' is not a system font and has not been loaded through Expo.Font.loadAsync.

  • If you intended to use a system font, make sure you typed the name correctly and that it is supported by your device operating system.
آفلاین
user-avatar
علیرضا اصلانی ( 27510 تجربه )
4 سال پیش
تخصص : Web and Mobile Developer

لینک کوتاه اشتراک گذاری

0

از این دستورم داخل reander استفاده کردید؟

{
    this.state.fontLoaded ? (
      <Text style={{ fontFamily: 'open-sans-bold', fontSize: 56 }}>
        Hello, world!
      </Text>
    ) : null
  }

چون حتما باید چک کنید فونت لود شده یا نه وگرنه پیدا نمیکنه و اون اررور رو نشون میده بهتون

آفلاین
user-avatar
سید عماد آرمون ( 3203 تجربه )
4 سال پیش
تخصص : برنامه نویس فول استک جاوا اسکریپت

لینک کوتاه اشتراک گذاری

0

این دستور رو هم گذاشته بودم طبق مستندات اکسپو:
{
this.state.fontLoaded ? (
<Text style={{ fontFamily: 'open-sans-bold', fontSize: 56 }}>
Hello, world!
</Text>
) : null
}
بازم نشد

برای ارسال پاسخ لازم است، ابتدا وارد سایت شوید.