タグ

画面遷移に関するmsh514のブックマーク (3)

  • Flutter 画面遷移でデータを渡す - Qiita

    こちらの記事の続きになります。 https://qiita.com/kasa_le/items/8c80ae565186c9ac275a ゴール List-Detailな画面構成などで、次に遷移しようとしている画面に動的にデータを渡せる。 参考サイト こちらのそのままです。 https://flutter.dev/docs/cookbook/navigation/navigate-with-arguments 実装 上記の記事の、 Alternatively, extract the arguments using onGenerateRoute のパターンで行くことにしました。 各画面クラスでModalRoute.of(context).settings.argumentsとして取得するのは、AndroidでいうIntentっぽくて良いかなと思ったのですが、テストするときに問題があると判

    Flutter 画面遷移でデータを渡す - Qiita
  • FlutterのNavigationとRoutingを理解する

    この記事はFlutter 全部俺 Advent Calendar 10日目の記事です。 このアドベントカレンダーについて このアドベントカレンダーは @itome が全て書いています。 基的にFlutterの公式ドキュメントとソースコードを参照しながら書いていきます。誤植や編集依頼はTwitterにお願いします。 Flutterの画面遷移 FlutterではすべてがWidgetなので画面もまたWidgetで、画面内の他のWidgetと明確な区別はありません。 Route というWidgetが一画面を表していて、 Navigator によって表示する Route を切り替えることによって画面遷移が実現されています。 使い方 内部の実装を詳しく紹介する前に基的な使い方をみていきましょう。 ほとんどの場合 MaterialApp が持っている Navigator を使って画面遷移します。 N

    FlutterのNavigationとRoutingを理解する
  • レイアウト概要 | Flutter Doc JP

    Widgetの基的な種類と役割Flutterの基構成はほとんど全てWidgetです。 Flutterアプリで使われている画像、アイコン、テキストは全てウィジェットでできています。 行やカラム、グリッド、配置、制約、整列などレイアウトするために必要なウィジェットが揃っています。 ウィジェットはツリー構造をイメージするとわかりやすいです。 人によってはHTMLやXMLのようなものとしても理解しやすいかもしれません。 また、レイアウト構成を確認しながら作業をしたい場合は、「debugPaintSizeEnabled」を有効にすると以下のようになります。 もともとアプリエンジニアであれば皆さんよく行う手法ですが、アイテムそれぞれの背景色を変更して見た目を確認する作業に似ていますね。 // パッケージを追加 import 'package:flutter/rendering.dart'; voi

    レイアウト概要 | Flutter Doc JP
  • 1