Flutter Apprentice3章と4章で分からなかったことをまとめる

Flutter Apprentice1章と2章で分からなかったことをまとめる
の続編

Chapter3 Basic Widgets
Chapter4 Interactive Widgets
を読んだので分からなかったことをまとめる

・AndroidStudioでpub get
AndroidStudioの右上にある
Get dependencies
をクリックするとpub getと同じ動作になる。

Theme全体
・Theme
Material UI:Android
import ‘package:flutter/material.dart’;

Cupertio UI:iOS
import ‘package:flutter/cupertino.dart’;

・Theme.of(context)
returns the nearest theme in widget tree
if widget has a defined Theme, it returns that.
Otherwise, it returns the app’s theme.

Widgets
・Positioned
Stackで囲って
Positionedでbottom0にすると一番下に引っ付く

・ImageProvider
Identifies an image without committing to the precise final asset. This allows a set of images to be identified and for the precise image to later be resolved based on the environment, e.g. the device pixel ratio.

To obtain an ImageStream from an ImageProvider, call resolve, passing it an ImageConfiguration object.
https://api.flutter.dev/flutter/painting/ImageProvider-class.html

・画像の重なり
StatelessWidgetsでコンポーネント作って組み合わせる

・スナックバー
ScaffoldMessenger.of(context).showSnackBar(snackBar);

・RotatedBox
quarterTurns → int
The number of clockwise quarter turns the child should be rotated.
https://api.flutter.dev/flutter/widgets/RotatedBox-class.html

・Stack
overlyができる

・Wrap
折り返し
https://qiita.com/nannany_hey/items/1830a78bd55650e0d903

・withOpacity
Colors.black.withOpacity(0.7)

Pocket

関連記事: