アプリ置き場

アプリ置き場

http://www.moreread.net/

Flutter いろいろ備忘メモ

いろいろメモ。

Flutter Webも含めたPlatform判別

Webブラウザでモバイル用のコンテンツをテストしようとすると、プラットフォーム判別で落ちるのでこれを使う。

pub.dev

bool isIos = UniversalPlatform.isIOS;
bool isWeb = UniversalPlatform.isWeb;



デバッグモードかリリースモードを判断する

以下を使えばよいらしい

kReleaseMode
kProfileMode
kDebugMode

api.flutter.dev



ウィジェットを囲む

f:id:nazenaninadesico:20210914024613p:plain

(VS Code)
ウィジェットにカーソルが合った状態で Ctrl + . を押すと新しいウィジェットで対象ウィジェットをラップしてくれる。 閉じ括弧がどこまでなのかイライラすることがなくなる。



不定サイズのウィジェットを上下(または左右)半分に分割する

f:id:nazenaninadesico:20210914024227p:plain

Expanded2個並列に並べたらいけるぽい

  Widget build(BuildContext context) {
    return Column(
      children: [
        Expanded(
          child: ColoredBox(
            color: Colors.red,
            child: Text(" 上 "),
          ),
        ),
        Expanded(
          child: ColoredBox(
            color: Colors.green,
            child: Text(" 下 "),
          ),
        ),
      ],
    );
  }