広告

Flutterラボの

プレミアム会員になる

【Flutter WEB】URLの最後にある『#(シャープ)を非表示にする』

2021.09.29

Flutter WEBで開発していると、URLに『#(シャープ)』が入っています。
これは簡単に非表示にできるので方法をご紹介します。

pubspec.yamlにflutter_web_pluginsを追記して、Pub getしておきます。

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

あとは、main内にメソッドを1つ追記するだけです。

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

これでURL内の『#(シャープ)』の非表示は完了です。

Flutterラボ|動画で学ぶFlutter学習サイト Flutter・Dart・Firebaseに関するアプリ制作の技術を学ぶことができます。プログラミング初心者から経験者まで flutterlabo.tech

Flutterラボ
hatchoutschool
FlutterとNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ:https://flutterlabo.tech/ 広告のECサイトを開発(https://ec-ad.tech/)