Date
August 15, 2023
はじめに
こんにちは、しくみ製作所の渡辺です。
2022年1月に入社して、最近はアプリ関連の案件だと、ネイティブのコード(ほぼjava + kotlin & swift)の案件と、Flutterの案件のサポート(プルリクをレビューなど)したりしています。
ネイティブの方の案件では動画プレイヤーを扱ったりしていて、なかなか大変です。今回は、断続的にキャッチアップを続けているFlutterに関する記事を書こうと思います。
go_routerとriverpodを組み合わせる
Flutterの中でもgo_routerの動向はかなり気になっており、少し前にやっと状態の保存ができるStatefulShellRouteが登場しました。
しかし、そもそもriverpodとShellRouteの組み合わせで事足りるんじゃ無いかと思い、今回検証してみました。
まずは、一番シンプルにStatefulShellRouteを使用してみます。
‣
しっかりbottomNavigationBar間の移動で、counterの値が保存されています。
本題から少し外れますが、bottomNavigationBarには、NavigationBarを与えています。これは、Material 3に適応した新しいWidgetです。
これをriverpodとShellRouteで書き換えたのが、下記のコードです。
‣
※動画は全く同じなので、割愛します。
ここでのポイントは @Riverpod(keepAlive: true)の部分です。
riverpod_generatorが生成するコードはautoDisposeがデフォルトなので、keepAlive: trueにしないと画面を遷移したときにproviderが破棄されるようです。
コードを見ると、StatefulShellRouteの時より長くなってます。また、上記に記載したコードの他にriverpod_generatorが生成したコードもあるので、もうちょっとだけ長くなります。
商用のアプリでは、もっと複雑な状態を管理しないといけないと思います。riverpodのようなパッケージを導入しないのは難しいと思いますので、ちょっとくらいコードが長くなるのはしょうがないかなと思います。
さいごに
今回使ったサンプルコードを下記に置いてあります。
今後もFlutterやモバイルに関する投稿を続けていきたいと思います。
新しい福利厚生「勉強会補助費・社内コミュニケーション補助費」を導入・必要な支援で業務を後押し
新しい福利厚生「勉強会補助費・社内コミュニケーション補助費」を導入・必要な支援で業務を後押し
June 15, 2024
仕事人生のラストスパート・覚悟を持って歩んでいきたい「メンバーインタビュー〜uto編〜」
仕事人生のラストスパート・覚悟を持って歩んでいきたい「メンバーインタビュー〜uto編〜」
May 30, 2024
デザインフォーマットとワークフローを再整備した話「研究発表会vol.09〜デザインハブ編〜」
デザインフォーマットとワークフローを再整備した話「研究発表会vol.09〜デザインハブ編〜」
April 30, 2024
GA を使わずに滞在時間計測できる環境を作った話「研究発表会vol.08〜kitazumi編〜」
GA を使わずに滞在時間計測できる環境を作った話「研究発表会vol.08〜kitazumi編〜」
March 15, 2024
育休は取得してほしい！リモートワークで今しかない子供の成長を見守る「育児パパ座談会 」
育休は取得してほしい！リモートワークで今しかない子供の成長を見守る「育児パパ座談会 」
February 15, 2024
チームで成果を出すモブプログラミングのすすめ「研究発表会vol.07〜tanukiti編〜」
チームで成果を出すモブプログラミングのすすめ「研究発表会vol.07〜tanukiti編〜」
February 1, 2024
怖くないISMS ・ ISMS規格アップデートの話「研究発表会vol.06〜ISMS編〜」
怖くないISMS ・ ISMS規格アップデートの話「研究発表会vol.06〜ISMS編〜」
December 30, 2023
行動も後押ししてくれる福利厚生・用途を考えるのも嬉しい時間に「リモートワーク補助金（年間15万円制度）を使ってみた」vol.10
行動も後押ししてくれる福利厚生・用途を考えるのも嬉しい時間に「リモートワーク補助金（年間15万円制度）を使ってみた」vol.10
December 15, 2023
参加できないメンバーにも届けたい！撮影舞台を整え配信も「しくみオフ会'23.09〜裏方編〜」
参加できないメンバーにも届けたい！撮影舞台を整え配信も「しくみオフ会'23.09〜裏方編〜」
October 30, 2023
自分自身の意識改革にて成果を上げたPMの話「研究発表会vol.04〜toyokawa編〜」
自分自身の意識改革にて成果を上げたPMの話「研究発表会vol.04〜toyokawa編〜」
September 30, 2023
RubyとRailsを古いバージョンからアップデートした話「研究発表会vol.03〜kitazumi編〜」
RubyとRailsを古いバージョンからアップデートした話「研究発表会vol.03〜kitazumi編〜」
August 30, 2023
go_routerとriverpodを組み合わせる「Flutterやってみたシリーズvol.01」
go_routerとriverpodを組み合わせる「Flutterやってみたシリーズvol.01」
August 15, 2023
リーンサイクルを強化する KPI 計測基盤を作った話「研究発表会vo.02〜hozum編〜」
リーンサイクルを強化する KPI 計測基盤を作った話「研究発表会vo.02〜hozum編〜」
July 15, 2023
「ゲームをより楽しむためのコントローラー自作」あなたのゲームライフをもっと充実させてみませんか
「ゲームをより楽しむためのコントローラー自作」あなたのゲームライフをもっと充実させてみませんか
June 30, 2023
かくれんぼの立上げから3年・まだまだ挑戦は続く「地方での暮らしと活動〜toyokawa編〜」
かくれんぼの立上げから3年・まだまだ挑戦は続く「地方での暮らしと活動〜toyokawa編〜」
June 15, 2023
Elasticsearch で高速な検索システムを構築した話「研究発表会vo.01〜ynishi編〜」
Elasticsearch で高速な検索システムを構築した話「研究発表会vo.01〜ynishi編〜」
May 30, 2023
ChatGPT や GitHub Copilot を導入・情報流出リスクを考慮した AI サービスの活用をご紹介
ChatGPT や GitHub Copilot を導入・情報流出リスクを考慮した AI サービスの活用をご紹介
May 15, 2023
適度にカジュアルでリラックスした社内・それを維持できるだけの責任感やスキルのあるメンバーに囲まれて「メンバーインタビュー〜matsubayashi編〜」
適度にカジュアルでリラックスした社内・それを維持できるだけの責任感やスキルのあるメンバーに囲まれて「メンバーインタビュー〜matsubayashi編〜」
April 30, 2023
リモートワーク生活を充実させるための福利厚生である「リモートワーク補助金」が5万円パワーアップ・使用用途もご紹介
リモートワーク生活を充実させるための福利厚生である「リモートワーク補助金」が5万円パワーアップ・使用用途もご紹介
April 15, 2023
バランスボール部も結成・リモートワーク歴6年目のエンジニアが語る「バランスボールの効果」
バランスボール部も結成・リモートワーク歴6年目のエンジニアが語る「バランスボールの効果」
March 15, 2023
PJをリードできるメンバーが継続的に生まれる環境をつくるための「PMコーチング」をご紹介
PJをリードできるメンバーが継続的に生まれる環境をつくるための「PMコーチング」をご紹介
February 15, 2023
Cocodaに新規事業の構想から伴走し支援する「つくらないプロダクト開発」の解説記事が掲載
Cocodaに新規事業の構想から伴走し支援する「つくらないプロダクト開発」の解説記事が掲載
February 5, 2023
多様な技術やサービスに触れられる環境が魅力・今後も様々なことを自分で設計しながら楽しみたい「メンバーインタビュー〜timai編〜」
多様な技術やサービスに触れられる環境が魅力・今後も様々なことを自分で設計しながら楽しみたい「メンバーインタビュー〜timai編〜」
January 25, 2023
学習や情報交換の場であるモバイルハブで「アプリコンテスト開催」・日頃の取組みやメンバーも紹介
学習や情報交換の場であるモバイルハブで「アプリコンテスト開催」・日頃の取組みやメンバーも紹介
January 15, 2023
SIerからの転職・目標実現のためにサポートや挑戦できる環境を活かしたい「ポテンシャル枠奮闘記〜ichikawa編〜」vol.01
SIerからの転職・目標実現のためにサポートや挑戦できる環境を活かしたい「ポテンシャル枠奮闘記〜ichikawa編〜」vol.01
January 5, 2023
成長に繋がる経験を活かして頼られる存在になりたい「ポテンシャル枠奮闘記〜kazuki編〜」vol.01
成長に繋がる経験を活かして頼られる存在になりたい「ポテンシャル枠奮闘記〜kazuki編〜」vol.01
December 5, 2022
「快適な仕事環境のための自作キーボード入門」今より少しだけキーボードを気にかけてみませんか
「快適な仕事環境のための自作キーボード入門」今より少しだけキーボードを気にかけてみませんか
November 15, 2022
「いい仕事を生み出す進路選択実践例をご紹介」高崎東高校で 働くについて講演vol.02
「いい仕事を生み出す進路選択実践例をご紹介」高崎東高校で 働くについて講演vol.02
November 5, 2022
改善を止めない姿勢が浸透していることに感動・価値ある活躍を目指して「ポテンシャル枠奮闘記〜kitazumi編〜」vol.01
改善を止めない姿勢が浸透していることに感動・価値ある活躍を目指して「ポテンシャル枠奮闘記〜kitazumi編〜」vol.01
September 29, 2022
インターナルコミュニケーションの土台が完成・今後もメンバーが盛り上がることのできる環境を「Slackワイワイプロジェクト」vol.02
インターナルコミュニケーションの土台が完成・今後もメンバーが盛り上がることのできる環境を「Slackワイワイプロジェクト」vol.02
September 22, 2022
しくみ製作所らしさ満点のスタンプが誕生・行動指針の浸透や積極的なリアクションを目指して「Slackワイワイプロジェクト」vol.01
しくみ製作所らしさ満点のスタンプが誕生・行動指針の浸透や積極的なリアクションを目指して「Slackワイワイプロジェクト」vol.01
September 15, 2022
汎用性の高い福利厚生で生活環境も充実「リモートワーク補助金（年間10万円制度）を使ってみた」vol.09
汎用性の高い福利厚生で生活環境も充実「リモートワーク補助金（年間10万円制度）を使ってみた」vol.09
September 8, 2022
充実したドキュメントでフルリモートの不安も払拭・相談しやすい環境に感謝「ポテンシャル枠奮闘記〜ikkyu編〜」vol.01
充実したドキュメントでフルリモートの不安も払拭・相談しやすい環境に感謝「ポテンシャル枠奮闘記〜ikkyu編〜」vol.01
September 1, 2022
ゼロから立ち上げたかくれんぼinぐんま・今ではライフワークに「地方での暮らしと活動〜toyokawa編〜」
ゼロから立ち上げたかくれんぼinぐんま・今ではライフワークに「地方での暮らしと活動〜toyokawa編〜」
August 25, 2022
社名に惹かれてやって快諾した面談・やってみたかったことに挑戦できる環境へ「しくみ製作所に入社した理由〜arakawa編〜」
社名に惹かれてやって快諾した面談・やってみたかったことに挑戦できる環境へ「しくみ製作所に入社した理由〜arakawa編〜」
August 18, 2022
子供の成長を最前線で見守ることができた育児休業・ポジティブなサポートに感謝「tanukiti編」
子供の成長を最前線で見守ることができた育児休業・ポジティブなサポートに感謝「tanukiti編」
July 21, 2022
心身共にリフレッシュ・福利厚生で自分だけのホームジムを開設「リモートワーク補助金（年間10万円制度）を使ってみた」vol.08
心身共にリフレッシュ・福利厚生で自分だけのホームジムを開設「リモートワーク補助金（年間10万円制度）を使ってみた」vol.08
July 14, 2022
一緒に働いてみたい・本音で語ってくれた面談を通して働きやすさを感じた「しくみ製作所に入社した理由〜eigoro編〜」
一緒に働いてみたい・本音で語ってくれた面談を通して働きやすさを感じた「しくみ製作所に入社した理由〜eigoro編〜」
July 7, 2022
3社5職種を経てエンジニアに・学びを加速させる仕組みに感謝「ポテンシャル枠奮闘記〜kawaguchi編〜」vol.01
3社5職種を経てエンジニアに・学びを加速させる仕組みに感謝「ポテンシャル枠奮闘記〜kawaguchi編〜」vol.01
June 23, 2022
海外リモートワーカーの仕事環境を紹介・普段の生活にはない気持ちの変化や発想、課題の発見が「norikt編」
海外リモートワーカーの仕事環境を紹介・普段の生活にはない気持ちの変化や発想、課題の発見が「norikt編」
June 16, 2022
整備された評価制度と環境が魅力・文系大学からWebエンジニアになって「ポテンシャル枠奮闘記〜seiji編〜」vol.01
整備された評価制度と環境が魅力・文系大学からWebエンジニアになって「ポテンシャル枠奮闘記〜seiji編〜」vol.01
June 9, 2022
しくみ製作所の緩急のバランスが好き・家族がいつも側にいる最高の環境で「メンバーインタビュー〜Sparrow編〜」
しくみ製作所の緩急のバランスが好き・家族がいつも側にいる最高の環境で「メンバーインタビュー〜Sparrow編〜」
June 2, 2022
ポテンシャル枠を支援する寺子屋やグループコーチングの取組みにより成長が加速「ポテンシャル枠奮闘記〜kinoko編〜」vol.02
ポテンシャル枠を支援する寺子屋やグループコーチングの取組みにより成長が加速「ポテンシャル枠奮闘記〜kinoko編〜」vol.02
May 26, 2022
保険業界からの転職・共に働くメンバーに魅力を感じて「しくみ製作所に入社した理由〜watanabe編〜」
保険業界からの転職・共に働くメンバーに魅力を感じて「しくみ製作所に入社した理由〜watanabe編〜」
May 19, 2022
エンジニアとして大きく成長できる環境がここに「ポテンシャル枠奮闘記〜sakita編〜」vol.01
エンジニアとして大きく成長できる環境がここに「ポテンシャル枠奮闘記〜sakita編〜」vol.01
April 21, 2022
