相关疑难解决方法(0)

如何使用HTML渲染图像,使用Flutter创建CSS来创建iOS-App?

我正在尝试使用flutter中的HTML和CSS创建PDF。因此,在某些情况下,我必须使用html和css渲染资产图像。

在android的情况下,它通过使用以下代码中提到的资产文件位置(例如(file:/// android_asset / ...))进行渲染:

makeProfileImage() {
  return '<img src="file:///android_asset/flutter_assets/assets/image_name.jpg">';
}
Run Code Online (Sandbox Code Playgroud)

如何在iOS中获取资产文件路径,如(file:/// android_asset / flutter_assets / ...)?

Future<void> printPdf() async {
  print('Print ...');
  await Printing.layoutPdf(onLayout: (PdfPageFormat format) async {
    return await Printing.convertHtml(
        format: PdfPageFormat.a4
            .applyMargin(left: 0, top: 0, right: 0, bottom: 0),
        html: '<html><head>' +
            getRatingbarCss() +
            '<style>.checked {color: red;}</style>' +
            '</head><body style="margin:0;padding:0" bgcolor="white">' +
            makeProfileImage() +
            '<h2 style="color:black;">Star Rating</h2><span class="fa fa-star checked"/><span class="fa fa-star checked"/><span class="fa fa-star checked"/><span class="fa fa-star"/><span class="fa fa-star"/></body></html>');
  });
}
Run Code Online (Sandbox Code Playgroud)

pubspec.yaml

dev_dependencies:
  flutter_test: …
Run Code Online (Sandbox Code Playgroud)

html assets image ios flutter

6
推荐指数
1
解决办法
560
查看次数

标签 统计

assets ×1

flutter ×1

html ×1

image ×1

ios ×1