Utilizzo React Native 0.29 con emulatore Android (livello API 23). Sto cercando di raggiungere letterSpacing
sul componente Text
. Ma sembra non funzionare su Android. La documentazione ufficiale dice che funziona solo su iOS. C'è qualche soluzione a questo problema?Spaziatura delle lettere su React Native - Android
risposta
Simile a React Native 0.30 letterSpacing è solo iOS. È sempre possibile aggiungere questo ed emettere una richiesta pull :)
Un'altra opzione potrebbe essere quella di hackerare insieme una funzione che prende una stringa e aggiunge spaziatura attorno a ogni lettera. (sarebbe comunque un trucco!)
La mancanza di spaziatura delle lettere su Android può essere "risolta" aggiungendo uno o più spazi tra ogni carattere. Ho trovato l'unicode HAIR_SPACE U+200A
per dare i risultati migliori, ma potrebbe essere necessario sperimentare per trovare ciò che si adatta meglio per il tuo font. Ad esempio 2 spazi per i capelli o uno U+2009 THIN SPACE
.
function applyLetterSpacing(string, count = 1) { return string.split('').join('\u200A'.repeat(count)); }
Probabilmente funziona meglio per le intestazioni e le etichette di menu.
spazi Unicode: https://www.cs.tut.fi/~jkorpela/chars/spaces.html
- 1. React Native - initialProperties Android
- 2. React Native Android & Genymotion
- 3. React Native Android Splash Screen
- 4. React-native android Styling textInput
- 5. Utilizzo di sensori su Android con React Native
- 6. Esporre frammento in React Native Android ViewManager
- 7. Chiama l'API delle indicazioni stradali? react-native
- 8. Progetto libreria Android con React Native
- 9. React-Native Livello API Android più basso
- 10. Come modificare la spaziatura delle lettere di UILabel/UIFont?
- 11. React Native Android GCM (Google Cloud Messaging)
- 12. Il layout di React Native è supportato su Android?
- 13. Come ottenere una versioneNome in app react-native su Android?
- 14. cmd: react-native run-android su ogni modifica di file
- 15. React Native e okhttp su Android - Set User-Agent
- 16. Gestione del pulsante Indietro in React Native, Navigator su Android
- 17. Ignora controllo certificato SSL su Android React Native
- 18. Richiesta di posizione scaduta su emulatore Android con React-Native
- 19. Come impostare la spaziatura delle lettere di UITextField
- 20. Come regolare la spaziatura delle lettere in JavaFX
- 21. Come cambio la spaziatura delle lettere in un UILabel?
- 22. React-Native run-android problema comando
- 23. React Native Linking SMS
- 24. Informazioni su React Native Perf Monitor
- 25. React Native with Unity
- 26. Nuovo progetto React Native con versione precedente di react native
- 27. setTimeout in React Native
- 28. React Native vs Ionic 2
- 29. react-native: app: installDebug FAILED
- 30. zIndex in React Native
Questo metodo funziona bene per il tipo più piccolo, ma per i titoli è ancora troppo ampia. C'è qualcosa di più sottile dello spazio per i capelli? Mi guardavo intorno, ma non riuscivo a trovare nulla. Uno spazio pixel? – Teodors
Un problema riguarda i testi più lunghi (che si spezzano) il testo può rompersi dopo ogni carattere (perché c'è uno spazio). Qualcuno ha trovato una soluzione per questo? – erikvdplas