アプリ開発1[うんこを流そう]
突然やけど、 StatelessWidgetは静的 StatefulWidgetは動的 って事らしいから、 ボタンでうんこを流す為に、前回までのコードもいくつか変更するんやで! まず、うんこ画像 //うんこ画像コード class MyUnko extends StatelessWidget { @override Widget bui…
今回はボタンを真ん中にしたりええ感じにするんやで! そんな時はこれや!! FloatingActionButtonLocation! フローティングアクションボタンロケーションや! floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat, ボタンのコードの…
Flutterにはめちゃいい簡単に付けられるボタンがあるねん。 それは FloatingActionButton や! フローティングアクションボタン や! かなり使えそうやから二回言っとくわ。 floatingActionButton: FloatingActionButton( child: Icon(Icons.add), onPressed…
前回までの流れ[うんこ編] テキストのうんこを画像に変える。 bon-programming.hatenablog.com 背景をトイレにする。 bon-programming.hatenablog.com うんこの画像サイズを変更 bon-programming.hatenablog.com うんこ画像の位置を微調整 bon-programming.h…
前回はうんこを小さくしたけど、 うんこが便器の内側に、こびりついてるから もう少し下に移動させたいんやで。 MyUnkoのコンテナの中に位置を指定できるコード書いてみた。 ドヤ!! ええや〜ん! 38行目にこれ追加したで。 alignment: Alignment(0.0, 0.2)…
前回は背景を表示できたけど、上に乗ってるうんこが大きすぎた。 たまに出るびっくりすぎるくらいの大きなうんこはあるけど、 ここでは小さくしたいんやで。 って事で、 元の大きなサイズの画像を縮小して表示するんやでっ!! しかし、、、 いろいろ試して…
前回は、うんこ画像を表示できた。 うんこを表示したら、便器に流したくなった。 人間だもの って事で、次は背景をトイレにするんやで。 イラスト書いたで。 body: Containerの中に 下記: 19行目から24行目を追加したで。 decoration: BoxDecoration( image:…
前回で書いた文字[うんこ]を 画像にするんやで! 使用する画像が必要って事で うんこのイラストを書いてみた。 ※背景透過のPNG形式で保存 なんか。。腹たつうんこやな、、 下の前回のコードをよ〜く見て解析してみようや! 画面表示の基本となるコードは16~1…
じゃぁぁあああ〜ん!! DartPadをブログに貼り付けたで!!! 思う存分触ってみてや!! 注意:PCで見るかスマホなら横向きでみてや〜 プログラム変更後は右上の[Run]ボタン押すんやで! https://dartpad.dev/flutter このプログラム内容は文字を出すプログ…
前回の記事で説明したんやけど、もう一回言うとくで! Flutter始めるんやったら、 とりあえず「DratPad」で 感覚を覚えたらええねん!! DratPadでFultterを体験するんやで〜!!です。 DratPad下記リンクhttps://dartpad.dev/ ※注意:PCからみる事をオススメ…
Flutterを始めようとしている貴方!! Flutterをダウンロードする事から、始めようと思ってない? グーグル先生や公式サイトに聞いても、まずその流れになりますね。 例外なく私自身もそうでした。 その考え『ちょーーーーとまった!!』やで。 FlutterをPC…
んで、、Flutter(フラッター)って何なん? バケラッタしか知らんわ。 マンガの[オバケのQ太郎]に出てくる弟のO次郎の口癖な。 ばけらった〜〜!! そんなことはどうでもええか。 とりあえずグーグル先生に聞いてみるわ。 、、Flutter公式、、英語やん、、 …