Flutter

【Flutter】Widget of the Week #5 Opacity

Googleさん公式Youtube「Widget of the Week」で紹介されている、 ウィジェットのサンプル集第5弾は Opacity です! Opacity ってなに? 直訳すると「不透明度」であり、 コンテナの透過してくれるウィジェットです\_(・ω・`)ココ重要! 公式からの説明は以下の通り。 レイアウトを保ったまま非表示にしたいウィジェットがあるなら、Opacity を使ってみまし […]

【Flutter】Widget of the Week #4 AnimatedContainer

Googleさん公式Youtube「Widget of the Week」で紹介されている、 ウィジェットのサンプル集第4回目はAnimatedContainerです! AnimatedContainerってなに? 指定した二つの値間を自動的にアニメーションで変化させてくれるウィジェットです\_(・ω・`)ココ重要! 公式からの説明は以下の通り。 アニメーションの変化をコーディングするのに明示的な […]

【Flutter】Widget of the Week #3 Wrap

Googleさん公式Youtube「Widget of the Week」で紹介されている、 ウィジェットのサンプル集第3回目は Wrap です! Wrapってなに? 直訳すると「包む」であり、 Wrapで包むことによって、画面からはみ出したコンテンツを折り返して表示してくれるウィジェットです\_(・ω・`)ココ重要! 公式からの説明は以下の通り。 row や columnを作るスペースがなくなっ […]

【Flutter】Widget of the Week #2 Expanded

Googleさん公式Youtube「Widget of the Week」で紹介されている、 ウィジェットのサンプル集第2弾は Expanded です! Expandedってなに? 直訳すると「拡張」であり、 残りの空間を埋めてくれるウィジェットです\_(・ω・`)ココ重要! こんな感じに伸ばしたいウィジェットをExpandedでラップ(囲む)することで残りの隙間を埋めてくれます! 公式からの説明 […]

【Flutter】Widget of the Week #1 SafeArea

Googleさん公式Youtube「Widget of the Week」で紹介されている、 ウィジェットのサンプル集第1弾は SafeArea(セーフエリア) です! SafeAreaってなに? わかりやすく言えば、「コンテンツが表示されるエリア」です\_(・ω・`)ココ重要! iPhoneX以降だと画面が角丸なことに加え、画面上部のノッチや、画面下部のHomeBarとコンテンツ(ボタンなど)が […]

【MacOS】Flutterの環境構築を画像付きで解説 ※zsh / bash対応

はい、どーもりゅうです(「・ω・)「 「MacOSでFlutter(フラッター)を始めたい!!」という方の為に、 環境構築の手順を画像付きでわかりやすく解説していきます! [outline] Flutterとは FlutterはGoogleによって開発された、1つソースコードでiOS / Android / Web に対応するアプリを作れるフレームワークです。 つまり、iOSのアプリを作る為にSw […]