Flutter
以下のYoutubeの動画を、実際になぞっていきます。 前回は、こちら。 Flutter動画やってみよ(eBook)３ - もっぺんプログラミング(´・ω・｀) ベスト商品の掲載枠の追加 今日のベスト商品（Best of the day）を表示するエリアを追加していきます。 先程のSingl…
以下のYoutubeの動画を、実際になぞっていきます。 前回は、こちら。 Flutter動画やってみよ(eBook)その２ - もっぺんプログラミング(´・ω・｀) 本のタイトルを付ける 前の Positioned の次に、新たにPositionedを追加します。 ), // Positioned Positioned(…
以下のYoutubeの動画を、実際になぞっていきます。 前回は、こちら。 Flutter動画やってみよ(eBook)その１ - もっぺんプログラミング(´・ω・｀) 次のページを作る 前回、トップページに "start reading" ボタンを作ったので、その遷移先のページを用意してい…
以下のYoutubeの動画を、実際になぞっていきます。 画面遷移とアニメーションが魅力的なアプリです。 こんなアプリをサクサク作れるようになりたい！ 今回もVisual Studio Codeで新規プロジェクトを作成して初めて行きます。 では、行きましょう。 アセット…
YoutubeのFlutter UI作成動画トライの続きです。 前回はこちら。 食べ物の横スクロール一覧を足していきます。 小見出しを付ける カテゴリの下に、小見出しをつけます。 SizedBox(height: 10, ), ], ), ), FadeAnimation(1, Padding( padding: EdgeInsets.al…
YoutubeのFlutter UI作成動画トライの続きです。 前回はこちら。 トップ画面が出来たので、遷移先の商品選択ページを作って行きます。 HomePage.dart を編集していきます。 まずは、Scaffoldの背景色などを整えましょう。 class _HomePageState extends State<HomePage></homepage>…
画面遷移を作る 遷移先のページを用意します。 lib/pages 以下に、HomePage.dart を作成します。 st[enter] のショートカットから、StatefulWidget を選択し、クラス名をHomePage とします。 しばらく、HomePageを編集していくので、確認しやすいように初期…
今回も、Youtubeで見かけた Flutter UI作成動画をなぞります。 前回は、こちら。 Flutter UI作成動画やってみよ（Foodアプリ）その１ - もっぺんプログラミング(´・ω・｀) フォントを変更する フォントもassetsとして扱うことで、読み込むことが出来るようで…
Youtubeで見つけた、Flutter UIを作る動画を見ながら なぞっていきます！ www.youtube.com ２６分の動画ですが、今回は６分までのコードです。 （書ききれなかったので、続きます） アプリ書き始め Visual Studio Code を起動して、Flutterの新規プロジェク…
