Flutterで画面のサイズを取得するには、MediaQuery
クラスを使用します。
// 画面のサイズを取得
Size screenSize = MediaQuery.sizeOf(context);
目次
サンプルコード
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
// 画面のサイズを取得
Size screenSize = MediaQuery.sizeOf(context);
return Scaffold(
appBar: AppBar(
title: Text('Screen Size Example'),
),
body: Center(
child: Text(
'画面の幅: ${screenSize.width}\n画面の高さ: ${screenSize.height}',
textAlign: TextAlign.center,
),
),
);
}
}
![](https://seeds-digital.com/wp-content/uploads/2023/11/d853a87c08f414c868f23230eba5d28b-1024x515.png)
Comment