Flutter WebのTips

URLに「#」がデフォルトでつくのをやめたい

setUrlStrategy(PathUrlStrategy()) を使えばOK

pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
+  flutter_web_plugins:
+    sdk: flutter

main.dart

+ import 'package:flutter_web_plugins/flutter_web_plugins.dart';

void main() {
+  setUrlStrategy(PathUrlStrategy());
  runApp(MyApp());
}

フォントにGoogleのWebフォントを使おうとした際にフォントの表示がおかしい問題に直面した。原因は、CanvasKitで描画していることらしい。

一旦HTMLで描画できるようにした。

$ flutter build web --release --web-renderer html

Font Awesome をFlutter Webで利用できるようにpackage導入すればよい。

このスクラップは2021/07/19にクローズされました