Flutterのお勉強

プロジェクト名はキャメルケース(myApp)では作成できないようです。 クラス名はキャメルケース Futureの名前はsmallCamelCase

Flutter使ってみた - 02_プロジェクトの作成とファイル構成 - デーコムラボ
https://www.dcom-web.co.jp/lab/cross-platform/flutter/create_project_and_structure

Windowsビルドの有効化

firedart | Dart Package https://pub.dev/packages/firedart

flutter config --enable-windows-desktop

import 'package:flutter/material.dart';

const Color darkBlue = Color.fromARGB(255, 18, 32, 47);

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData.dark().copyWith(
        scaffoldBackgroundColor: darkBlue,
      ),
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Column(
            children : [MyWidget(),MyWidget2()]
          ),
        ),
      ),
    );
  }
}

class MyWidget extends StatelessWidget {
  
  @override
  Widget build(BuildContext context) {
    return 
      Container(
        child: 
          Row( 
            mainAxisAlignment: MainAxisAlignment.spaceAround,
            children: [
              Container(
                height: 100.0,
                width: 200.0,
                decoration: BoxDecoration(border: Border.all(
                  color: Colors.red,
                  width: 8.0),
                ),      
                child:Text('Haao,1 World!')
              ),
              Container(
                height: 100.0,
                width: 200.0,
                decoration: BoxDecoration(border: Border.all(
                  color: Colors.red,
                  width: 8.0),
                ),      
                child: Text('Haao,2w World!')
              ) ]
          ),
          
        );
      
  }
}

class MyWidget2 extends StatelessWidget {
  
  @override
  Widget build(BuildContext context) {
    return 
      Container(
        child: 
          Row( 
            mainAxisAlignment: MainAxisAlignment.spaceBetween ,
            children: [
              Container(
                height: 100.0,
                width: 200.0,
                decoration: BoxDecoration(border: Border.all(
                  color: Colors.red,
                  width: 8.0),
                ),      
                child:Text('Haao,1 World!')
              ),
              Container(
                height: 100.0,
                width: 200.0,
                decoration: BoxDecoration(border: Border.all(
                  color: Colors.red,
                  width: 8.0),
                ),      
                child: Text('Haao,2w World!')
              ) ]
          ),
          
        );
      
  }
}