【参考にしたサイト】 www.flutter-study.dev 【プログラムの構造】 本プログラムは以下のように配置することでListViewを実装しています。 TodoListPage（画面表示） ↑テキストデータTodoAppPage(テキスト入力) 【完成画像】 ⇆

今回のゴール ・ListViewの使い方を知る 【プログラムの構成】 本プログラムは以下のように配置することでListViewを実装しています。 ListView → Card → title('a') → Card → title('b') → Card → title('c') 【前提条件】 このプログラムは以下の記事の続…

今回のゴール ・画面の遷移方法を知る 【プログラムの構成】 本プログラムは以下のように配置することで画面の遷移を実装しています。 TopListPage ↓ ↑TodoAddPage 【TopListPageの記述内容】 ボタンを配置して、そのボタンを押すと(onPressed)、TodoAddPage…

今回のゴール ・テキストなどを配置し、その位置を変更できるようになる・左右への寄せ方、上下への寄せ方を知る 【プログラムの構成】 本プログラムは以下のように配置することで縦にそれぞれの内容を並べています。 home:Scaffold ー body:Column ー Conta…

今回のゴール ・テキストなどを配置し、その位置を変更できるようになる・左右への寄せ方、上下への寄せ方を知る 【プログラムの構成】 本プログラムは以下のように配置することで縦にそれぞれの内容を並べています。 home:Scaffold ー body:Column ー Conta…

Flutterの勉強として以下のサイトのコードを実装してみた。 zenn.dev このサイトにはGitでソースコードがアップロードされており、それをみながら自分でコードを移していく作業を行った。 まず必要な作業として、画像を挿入する必要があるためpubspec.yamlを…

タイトル通りですが、画像を挿入する時にはそれに対応した作業が必要です。 pubspec.yaml内の一番下 flutter: uses-material-design: true の下に assets: - images/ を書き足す。 以下のような構成になる。 flutter: uses-material-design: true assets: - …

今回のゴール ・ウィジェットの位置を固定するやり方を知る 【ウィジェットとは】 Flutterにおいて、アップバーやテキスト、アイコンなどを構成するためのものをウィジェットと言います。 【配置の仕方】 ・Stackを使用して、複数のウィジェットを生成 body:…

今回のゴール ・画面上にボタンを配置する・ボタンをクリックすることで、効果を発揮できるようにする（今回はテキストでカウントアップ） 【ボタンとは】 ボタンを押下することで、例えば入力内容の送信や別のページへの遷移などのきっかけとすることができ…

今回のゴール ・ウィジェットの使い方を知る・アップバー、テキスト、アイコンを表示できるようになる （この記事の内容を実施すると画像のようなものを作ることができます） 【ウィジェットとは】 Flutterにおいて、アップバーやテキスト、アイコンなどを構…

今回はボタンとテキストを使用したカウントアップアプリを作成しました。 単純にボタンをタップしたらテキストに表示されている数字が1ずつ増えていくだけのアプリです。 完成品が以下の写真の通りになっています。 では実際に解説してきます。 1)Main.story…

今回はTableViewを使用します。 TableViewとは下に示した図のように用意した文章などをそれぞれの行に並べて示すことができるものです。 では早速説明していきます。 １）Main.storyboard まず初めにmain.storyboardを編集します。 object選択画面からTable …

今回はIOSアプリ開発の基礎としてLabelを設定してテキストを表示するところまでについて書く。 まずxcodeを開く。 今回はswiftUIではなくstoryboardを使用する。 ・Main.storyboardはtextを配置したりするもの ・ViewController.swiftはプログラムの記述をす…