2020-03-19に投稿

Flutter WebでWebかどうかを判断する

Flutter Webを利用する場合、WebだけでなくAndroidやiOS用にも開発したい場合がある。その際に、実行中にWebであるかどうかを判断する方法。

AndroidやiOSの場合は Platform.isAndroidPlatform.isIOS でチェックできるが、Webには同じものが無い。ではどうすればよいかというと、 kIsWeb というトップレベル定数があるのでそれで判別できる。

アセットの例

Webの場合、 web/assets フォルダに画像を入れる。そしてその下のパスでファイル名を指定する。例えば web/assets/test.png を使用する場合、 AssetImage("test.png") として指定する。

しかしAndroid等の場合、フルパスで指定する必要がある。そのため同じ画像を使おうと思っても AssetImage("web/assets/test.png") となってしまう。そのため、実行時に kIsWeb を使って判別をしなければならない。雑な例だが、下記のような感じ。

AssetImage(kIsWeb ? "test.png" : "web/assets/test.png")

実際にはパスを取得するメソッドか何かを作ってそれを使うようにしたほうが良いと思う。(あとは何か便利な方法があるんだろうか?)

ツイッターでシェア
みんなに共有、忘れないようにメモ

だら@Crieit開発者

Crieitの開発者です。 主にLAMPで開発しているWebエンジニアです(在宅)。大体10年ちょい。 記事でわかりにくいところがあればDMで質問していただくか、案件発注してください。 業務依頼、同業種の方からのコンタクトなどお気軽にご連絡ください。 業務経験有:PHP, MySQL, Laravel, Vue.js, RoR 趣味:Elixir, Phoenix, Node, Nuxt, Express, React等色々

Crieitは個人で開発中です。 興味がある方は是非記事の投稿をお願いします! どんな軽い内容でも嬉しいです。
なぜCrieitを作ろうと思ったか

また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!

こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください!

ボードとは?

関連記事

コメント