javascript - React Native - prijelom riječi

Radim na React Native aplikaciji gdje prikazujem tekst unutar okvira. Ponekad su pojedine riječi u okvirima preduge da bi stale u jedan redak, pa RN jednostavno prekida riječ kada postane preduga i nastavlja tekst u sljedećem retku. Nažalost, to dovodi do loše podjele riječi (vidi lijevi okvir na slici). Pokušavam pronaći rješenje da se to poboljša, tako da bi u ovom primjeru rezultat bio poput okvira s desne strane gdje je riječ podijeljena na razumnoj točki. Znam da postoje javascript knjižnice koje se bave podjelom riječi. Ovo, na primjer, razdvaja riječi na crtice u polju. Zapelo mi je jer nemam pojma kako zapravo odrediti trebam li podijeliti riječ ili ne. Imate li kakve ideje?

Odgovor #1

koristi C/C++/Java kodiranje:

text = 'React\u00ADNative'
<Text>{text}</Text>

Odgovor #2

Zapravo, koristio sam odgovor peni4142 da napravim funkciju koja vraća string koji se može povezati crtama:

const hyphenatedText = (text: string): string => 
  text
    .split(' ')
    .map((word) => word.split('').join('\u00AD'))
    .join(' ');

Sada, ako bi vaš hyphenatedText bio u React Native Text komponenti, bio bi automatski prelomljen crticom.