記事一覧
Flutter アプリ開発の道 〜その⑦_4 マテリアルデザイン 入力コンポーネント(Switch、PopupMenuButton)編〜
前回はマテリアルデザイン ボタン編についての記事を書きました。
今回はボタン以外の入力コンポーネントを理解していこうと思います。
用意されている入力コンポーネントを利用すれば、自前でデザインリソースを準備する必要がありません。
各種入力コンポーネントの表示を確認する前回と同じサンプルプロジェクトを利用して理解を深めます。
サンプルプロジェクト作成方法は以前紹介しました。
Switch(スイッ
Flutter アプリ開発の道 〜その⑦_3 マテリアルデザイン ボタン編〜
前回はマテリアルデザイン アイコン編についての記事を書きました。
今回もマテリアルデザインについての続きの記事です。
3回目はボタンに理解していこうと思います。
デザイナーがいなくてもデザインがイケてるアプリを作成できることを目指します。
ボタン(Button)の種類基本的なボタンの種類は大体以下の4つになるかと思います。
・TextButton
・OutlinedButton
・Elevat
Flutter アプリ開発の道 〜その⑦_2 マテリアルデザイン アイコン編〜
前回はマテリアルデザイン テキスト編についての記事を書きました。
今回も前回に続きマテリアルデザインについての続きの記事です。
2回目はSystem iconsのアイコンを理解していこうと思います。
System iconsを利用することで自前でリソース作成・準備しなくてもアプリが開発できます。
デザイナーがいなくてもデザインがイケてるアプリを作成できることを目指せます。
System ic
Flutter アプリ開発の道 〜その⑦_1 マテリアルデザイン テキスト編〜
前回はVSCodeでの開発環境セットアップ方法の記事を書きました。
今回からマテリアルデザインについて理解していこうと思います。
自分自身にデザイン力がないとUIのイケてるアプリが作れないと思うかもしれません。
Googleのマテリアルデザインを理解することで自分自身のデザイン力やデザイナーがいなくてもイケてるアプリを作成できることを目指します。
マテリアルデザイン1回目はテキストの制御をお題
Flutter アプリ開発の道 〜その⑥ VSCodeセットアップ〜
前回はSDKを最新バージョンへ更新方法の記事を書きました。
今回はVSCodeのエディタでの開発が快適ということを教えていただいたのでVSCodeでのFlutter開発環境構築方法を紹介します。
VSCodeインストール
公式サイトからインストールします。
Flutter開発意外でも活躍できる優秀なエディタです。
https://code.visualstudio.com/
ダウンロードが
Flutter アプリ開発の道 〜その⑤ SDK最新バージョンへ更新〜
前回、前々回はダークモード対応の記事を書きました。
今回はFlutterSDKのアップグレードについての内容です。
FlutterSDKのバージョンを知るFlutterSDKは定期的に更新されます。
最新のバージョンを使用して開発していきたいです。
最新のバージョンが何かは↓のアップデート関連の公式ドキュメントに記載されています。
https://github.com/flutter/fl
Flutter アプリ開発の道 〜その④ ダークモード〜
前回はダークモード対応の記事を書きました。
今回はその続きです。
ダークモードをより自在に扱えるようになることを目指します。
日本一簡単なダークモード対応class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext
Flutter アプリ開発の道 〜その③ ダークモード〜
前回はサンプルアプリをWebブラウザ、Android端末、iOS端末のエミュレータで動作させる記事を書きました。
今回からFlutterサンプルプロジェクトを改造してノウハウを構築していきたいと思います。
さて、今回のお題の発表です。
ダークモード対応今回はダークモード対応を記事のテーマにしていきたいと思います。
せっかくアプリを開発するのであれば、ダークモードに対応したアプリを開発したいです