使用 TextAlign.justify 和 rtl 进行 web 渲染 Html 的颤振

Question

我想在我的 Flutter 网页中显示一个 html 代码，我使用了“flutter_html”。这是我的代码的一部分：

Html(
     data: """<p dir="rtl">آمادگی و شناخت</p><p dir="rtl">در مشاوره ازدواج به دو فرآیند توجه می شود؛ اول این که فرد بداند برای ازدواج آمادگی دارد یا نه و بعد از طرف مقابل شناخت کافی داشته باشد. فرد برای این که بداند آمادگی ازدواج دارد یا نه، می تواند از مشاور کمک بگیرد. فردی آمادگی ازدواج دارد که تعهد پایدار داشته باشد، یعنی برای فردی که وارد زندگی او شده است بار نباشد، زندگی بالنده ای داشته باشد، باعث آرامش وی شود، سرعت حرکت او را به سمت تعالی و پیشرفت بیشتر کند و اگر چنین نباشد، در واقع ازدواج تنها برای رفع بخشی از نیازها خواهد بود که به فرد برای پیشرفت و تعالی کمک نمی کند. بنابراین برای این که فرد میزان آمادگی خود را برآورد کند می تواند از مشاور حاذق در این حوزه کمک بگیرد. مشاور باید درباره موضوعات مختلف اطلاعات کافی داشته باشد و مولفه ها را بر اساس اهمیت آن بررسی کند. در مشاوره قبل از ازدواج دو عامل آمادگی و آشنایی مهم است.</p>
            """,
     defaultTextStyle: Theme.of(context).textTheme.headline2,
     useRichText: true,
     customTextAlign: (_) => TextAlign.justify,
                ),

我希望我的文本是 justify 和 rtl，但它不是 rtl，只是 TextAlign.justify 工作，看起来像“p dir="rtl"”不渲染

Answer 1

我找到答案，首先必须保留旧代码的这些部分

useRichText: true,
customTextAlign: (_) => TextAlign.justify

然后添加html作为子元素：

Directionality(
                textDirection: TextDirection.rtl,
                child: Html...)