Útmutató az egyéni betűtípusok használatához a React Native programban

Az Önhöz hasonló olvasók támogatják a MUO-t. Amikor a webhelyünkön található linkek használatával vásárol, társult jutalékot kaphatunk. Olvass tovább.

A React Native számos alapértelmezett betűstílust kínál, amelyek közül választhat az alkalmazás elkészítésekor. Ahhoz azonban, hogy alkalmazásának eredetiséget és egyéniséget biztosítson ahhoz, hogy kitűnjön a zsúfolt piacon, előfordulhat, hogy alkalmanként egyéni betűtípusokat kell használnia.

Tanuljuk meg, hogyan kell egyéni betűtípusokat alkalmazni a következő React Native projekt felépítésekor.

MAKEUSEOF A NAP VIDEÓJA

A betűtípus fájlformátumok megértése

A React Native segítségével egyéni betűtípus-fájlokat adhat hozzá egy projekthez, és testreszabhatja a szöveges elemek megjelenését az alkalmazásokban. Ezek az egyéni betűtípusok különböző fájlformátumú betűtípusfájlokban érkeznek. A fájlok egy adott betűtípushoz kódolt stílusinformációkat tartalmaznak.

A React Native mobilfejlesztés során használt leggyakoribb betűtípus-fájlformátumok:

TrueType Font (TTF): Ez egy általános betűtípus-fájlformátum, amelyet a legtöbb operációs rendszer és alkalmazás támogat. A TTF fájlok viszonylag kicsik és sok karaktert tartalmazhatnak.
OpenType Font (OTF): Hasonló a TTF-hez, de tartalmazhat fejlett tipográfiai szolgáltatásokat is. Az OTF-fájlok nagyobbak, mint a TTF-fájlok, és nem minden alkalmazás támogatja őket.
Embedded OpenType Font (EOT): Az EOT-fájlok tömörítettek, és tartalmazhatnak digitális jogkezelési (DRM) információkat az illetéktelen használat megelőzése érdekében. Azonban nem minden böngésző támogatja az EOT-t, és általában nem ajánlott modern projektekben használni.

Ha egyéni betűtípusokat használ egy projektben, fontos, hogy olyan betűtípust válasszon fájlformátumot, amely megfelel a projekt igényeinek. Ez olyan tényezőket foglalhat magában, mint a célplatform támogatása, a fájlméret, a licenckövetelmények és a fejlett tipográfiai szolgáltatások támogatása.

Betűtípusfájlok importálása és alkalmazása a React Native alkalmazásban

Letölthet egy betűtípusfájlt az internet bárhonnan, és importálhatja azt a személyes React Native projektjébe. Azonban, Számos jó, biztonságos webhely található ingyenes betűtípusok letöltésére biztonságosan.

Betűtípusfájl importálásához a React Native projektbe hozzon létre egy eszközök/betűtípusok könyvtárba a projekt gyökerében, és helyezze át a fontfájlokat abba.

Az egyéni betűtípusok használatához szükséges lépések eltérőek lehetnek, ha tisztán React Native által generált projekttel vagy Expo által kezelt React Native projekttel dolgozik.

React Native CLI

Ha React Native CLI által generált projekttel dolgozik, hozzon létre egy react-native.config.js fájlt, és adja meg benne a következő beállításokat:

 module.exports = { 
    project: { 
        ios: {}, 
        android: {} 
    }, 
    assets: [ './assets/fonts/' ], 
}

Ez a konfiguráció utasítja a projektet, hogy vegye fel a következőben tárolt betűkészleteket './assets/fonts/' könyvtárat, hogy az alkalmazás hozzáférhessen hozzájuk a szöveges elemek megjelenítése során.

Ezután linkelheti a eszközöket mappába a projektbe a következő futtatásával:

hol tárolja a netflix a letöltött filmeket

 npx react-native-asset