react-native Text break-all 잘 안될때

broccoli·2023년 5월 26일
0

react native에서 Text 컴포넌트를 사용할때 IOS와 다르게 AOS에서 break-all 이 잘 안될때가 있던 경험이 있었음.

여러 시행착오끝에 AOS에서는 공백이 /n처리 되는 것같다는 생각이 번뜩 머리를 스침 그래서 정규식으로 모든 공백을 공백없는 유니코드 값으로 치완해줬더닌 해결됨.....

<Text
  numberOfLines={2}
  ellipsizeMode="tail"
  className={cls('mb-1 leading-5 flex-1', subjectWrapStyle)}
>
  {(subject || '').replace(/ /g, '\u00A0')}
</Text>
profile
🌃브로콜리한 개발자🌟

0개의 댓글