import 'package:flutter/material.dart';

//目的地（Destination）クラスの定義
//ここでは、アイコンとラベルを持つデータクラスとして定義
class Destination {
  final String label;
  final IconData icon;

  const Destination({required this.label, required this.icon});
}

//目的地リストを定義（ナビゲーション先として使用）
const List<Destination> destinations = <Destination>[
  Destination(label: 'ホーム', icon: Icons.home),
  Destination(label: 'プロフィール', icon: Icons.person),
  Destination(label: '設定', icon: Icons.settings),
];

//メインのアプリケーションクラス
class AdaptiveNavigationExample extends StatelessWidget {
  const AdaptiveNavigationExample({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    //MediaQueryを使用して、アプリ全体の画面の横幅を取得
    //横幅が600dp以上ならば、NavigationRailを使用
    final bool useNavigationRail
      = MediaQuery.of(context).size.width >= 600;

    return Scaffold(
      body: Row(
        children: [
          //条件に応じてNavigationRailまたはBottomNavigationBarを使用
          if (useNavigationRail)
            NavigationRail(
              //NavigationRailで目的地リストを使用
              destinations: destinations
                  .map((destination) => NavigationRailDestination(
                        icon: Icon(destination.icon), //目的地アイコン
                        label: Text(destination.label), //目的地ラベル
                      ))
                  .toList(),
              selectedIndex: 0, //選択アイテムのIndex（例として0を指定）
              onDestinationSelected: (int index) {
                //目的地が選択された際の処理
              },
            )
          else
            BottomNavigationBar(
              //BottomNavigationBarでも同じ目的地リストを使用
              items: destinations
                  .map((destination) => BottomNavigationBarItem(
                        icon: Icon(destination.icon), //目的地アイコン
                        label: destination.label, // 目的地ラベル
                      ))
                  .toList(),
              currentIndex: 0, //選択アイテムINdex（例として0を指定）
              onTap: (int index) {
                //目的地が選択された際の処理
              },
            ),
          //メインコンテンツ領域
          Expanded(
            child: Center(
              child: Text('選択されたページのコンテンツを表示します'),
            ),
          ),
        ],
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(home: AdaptiveNavigationExample()));
}

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: 'Size Change Demo',
      home: SizeChangeExample(),
    );
  }
}

class SizeChangeExample extends StatelessWidget {
  const SizeChangeExample({super.key});

  @override
  Widget build(BuildContext context) {
    //ウィンドウ全体のサイズを取得
    final size = MediaQuery.sizeOf(context);

    //ビルドが再実行されるたびに、このメッセージがコンソールに表示されます
    if (kDebugMode) {
      print('Widget is being rebuilt. Current size: ${size.width} x ${size.height}');
    }

    return Scaffold(
      appBar: AppBar(
        title: const Text('Size Change Example'),
      ),
      body: Center(
        child: Text(
          'Current size: ${size.width.toStringAsFixed(2)} x ${size.height.toStringAsFixed(2)}',
          style: const TextStyle(fontSize: 24),
          textAlign: TextAlign.center,
        ),
      ),
    );
  }
}
//MediaQuery.sizeOfのビルドメソッド内での使用
//MediaQuery.sizeOf(context)をビルドメソッド内で使用すると、そのBuildContextに関連するサイズプロパティが変わるたびに、該当するウィジェットが再構築されます。
//重要なポイント: これにより、アプリのウィンドウサイズが変更されるたびに、ウィジェットが自動的に再ビルドされるため、UIが常に最新の状態に保たれます。

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  //アプリの画面の向きを縦向き（ポートレート）に固定し、上下逆さまもサポート
  WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitUp,   //通常の縦向き
    DeviceOrientation.portraitDown, //逆さまの縦向き
  ]).then((_) {
    runApp(const MyApp());
  });
}

・・・以下省略

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'LayoutBuilder Example',
      home: const Scaffold(
        body: LayoutBuilderExample(),
      ),
    );
  }
}

class LayoutBuilderExample extends StatelessWidget {
  const LayoutBuilderExample({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('LayoutBuilder 例：'),
      ),
      body: Center(
        child: Container(
          color: Colors.blue[50],
          //LayoutBuilderで、親ウィジェットのサイズに基づいてレイアウトを決定
          child: LayoutBuilder(
            builder: (BuildContext context, BoxConstraints constraints) {
              //ビルド再実行の度に、このメッセージをコンソールに表示します
              if (kDebugMode) {
                print(
                　'LayoutBuilder再構成後:
                　 maxW = ${constraints.maxWidth}, 
                　 maxH = ${constraints.maxHeight}'
                );
              }
              
              return Container(
                color: Colors.blue,
                alignment: Alignment.center,
                width: constraints.maxWidth * 0.5, //親Widget幅の50%
                height: constraints.maxHeight * 0.5, //親Widget高の50%
                child: Text(
                  'Container size: 
                  　${constraints.maxWidth * 0.5} x 
                  　${constraints.maxHeight * 0.5}',
                  style: const TextStyle(
                  　color: Colors.white, fontSize: 16),
                  textAlign: TextAlign.center,
                ),
              );
            },
          ),
        ),
      ),
    );
  }
}