我如何调整RTL文本以证明反应原生?正如本机反应网站所说,我们可以设置文本的对齐方式,'auto', 'left', 'right', 'center', 'justify'
但是那个justify
方法不能用于RTL文本.
小智 4
文本证明在 React Native Android Native 中不支持。但有一个技巧可以让你的文本合理化WebView
Component 来调整你的文本......
这是示例代码:
<WebView
source={{
html:
"<style>p{text-align:justify}</style>" +
"<p>" +
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus commodo tortor ut ipsum pharetra sodales. Praesent sed diam non lacus convallis dapibus. Sed vulputate erat risus, ac hendrerit eros egestas id. Etiam pellentesque auctor ipsum, non cursus nisi gravida sed. Ut eget pretium risus. Curabitur a lectus odio. Etiam felis urna, pharetra ut odio in, tristique suscipit tortor. Cras vitae risus odio. Etiam a leo elit. Duis molestie fermentum mi vitae pretium. Morbi luctus semper quam, et suscipit nisi convallis dictum. Fusce sit amet est dapibus, interdum ante non, lacinia metus. Donec at nulla non ante consectetur vulputate. Cras tristique porttitor ligula quis posuere. Integer nec laoreet felis, at tempor leo. Ut et convallis quam." +
"</p>"
}}
/>
Run Code Online (Sandbox Code Playgroud)
如果你想从你的服务器调用你的正文文本编译为html并在其中使用你的源代码(这不是一个好但唯一的方法)
归档时间: |
|
查看次数: |
378 次 |
最近记录: |