Nativescript 中的 RTL 文本
RTL Text in Nativescript
我在我的应用程序中使用波斯语文本,这是一种从右到左的语言,如阿拉伯语。
我想将我的文本方向从 LTR(默认)更改为 RTL,但似乎没有选择。我在我的风格中使用了 direction: rtl
但它不起作用。我设置了 text-align: right
并且只有一行的文本没问题,但是当我的文本多于一行并且我在我的 Label 中使用 textWrap="true"
所以它不起作用。
这是我的代码:
<StackLayout>
<Label horizontalAlignment="right"
text="اگر می خواهید رتبه فروشگاه ووکامرس خود را در صفحات نتایج موتورهای جستجو (SERPs) ارتقا دهید، تمرکز بر روی سئو امری ضروری است. برای بسیاری از افراد سئو بخشی پایانی طراحی است، اما کار بهتر پیش خواهد ..."
class="news-main__content" textWrap="true"></Label>
</StackLayout>
结果:
更新:
最后,我自己找到了解决方案。只需使用 WebView
组件并在其中插入 text-direction: rtl
。
NativeScript 尚未提供开箱即用的 RTL 支持。但是,有一个插件可以在布局级别提供此功能。它可以设置为布局的 属性 或通过 CSS。该插件可以在 NativeScript Marketplace 中找到。不过,不确定它是否会处理文本方向。但如果没有 - 你可以帮助作者并一起实现它。
我在我的应用程序中使用波斯语文本,这是一种从右到左的语言,如阿拉伯语。
我想将我的文本方向从 LTR(默认)更改为 RTL,但似乎没有选择。我在我的风格中使用了 direction: rtl
但它不起作用。我设置了 text-align: right
并且只有一行的文本没问题,但是当我的文本多于一行并且我在我的 Label 中使用 textWrap="true"
所以它不起作用。
这是我的代码:
<StackLayout>
<Label horizontalAlignment="right"
text="اگر می خواهید رتبه فروشگاه ووکامرس خود را در صفحات نتایج موتورهای جستجو (SERPs) ارتقا دهید، تمرکز بر روی سئو امری ضروری است. برای بسیاری از افراد سئو بخشی پایانی طراحی است، اما کار بهتر پیش خواهد ..."
class="news-main__content" textWrap="true"></Label>
</StackLayout>
结果:
更新:
最后,我自己找到了解决方案。只需使用 WebView
组件并在其中插入 text-direction: rtl
。
NativeScript 尚未提供开箱即用的 RTL 支持。但是,有一个插件可以在布局级别提供此功能。它可以设置为布局的 属性 或通过 CSS。该插件可以在 NativeScript Marketplace 中找到。不过,不确定它是否会处理文本方向。但如果没有 - 你可以帮助作者并一起实现它。