flutter for web render Html with TextAlign.justify and rtl

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,
                ),

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

Answer 1

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

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

然后添加 html 作为 child of:

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

flutter for web render Html with TextAlign.justify and rtl

flutter for web render Html with TextAlign.justify and rtl

flutter-web