{"id":4596,"date":"2025-01-20T11:06:33","date_gmt":"2025-01-20T02:06:33","guid":{"rendered":"https:\/\/www.wsmeguro.jp\/wp\/?p=4596"},"modified":"2025-01-20T11:06:33","modified_gmt":"2025-01-20T02:06:33","slug":"flutter%e3%81%ae%e7%b7%b4%e7%bf%929%e2%88%922%ef%bc%9alistview%ef%bc%88%e3%81%9d%e3%81%ae%ef%bc%92%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.wsmeguro.jp\/wp\/?p=4596","title":{"rendered":"Flutter\u306e\u7df4\u7fd29\u22122\uff1aListView\uff08\u305d\u306e\uff12\uff09"},"content":{"rendered":"<p>\u5b9f\u969b\u3001ListView\u3092\u4f7f\u3046\u3068\u304d\u306f\u3001List\u304b\u3089\u5c55\u958b\u3059\u308b\u3053\u3068\u304c\u591a\u3044\u3068\u601d\u3044\u307e\u3059\u3002\u305d\u3046\u3044\u3046\u6642\u306f\u3001ListView.builder\u3092\u4f7f\u3044\u307e\u3059\u3002\u3067\u304d\u305f\u306e\u306f<a href=\"https:\/\/www.wsmeguro.jp\/demo\/flutter\/prac09-2\/\" target=\"_blank\">\u3053\u3061\u3089<\/a>\u3002<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-dart\" data-lang=\"Dart\">\r\nimport 'package:flutter\/material.dart';\r\n\r\nvoid main() {\r\n  runApp(const MyApp());\r\n}\r\n\r\nclass MyApp extends StatelessWidget {\r\n  const MyApp({super.key});\r\n\r\n  \/\/ This widget is the root of your application.\r\n  @override\r\n  Widget build(BuildContext context) {\r\n    return MaterialApp(\r\n      home: const MyHomePage(),\r\n    );\r\n  }\r\n}\r\n\r\nclass MyHomePage extends StatefulWidget {\r\n  const MyHomePage({super.key});\r\n\r\n  @override\r\n  State<MyHomePage> createState() => _MyHomePageState();\r\n}\r\n\r\nclass _MyHomePageState extends State<MyHomePage> {\r\n  String _label = 'Nothing Clicked!';\r\n\r\n  void _setLabel(int index) {\r\n    setState(() {\r\n      _label = 'Clicked item $index';\r\n    });\r\n  }\r\n\r\n  @override\r\n  Widget build(BuildContext context) {\r\n    return Scaffold(\r\n      appBar: AppBar(\r\n        backgroundColor: Theme.of(context).colorScheme.inversePrimary,\r\n        title: Text(\"ListView 2\"),\r\n      ),\r\n      body: Row(\r\n        children: [\r\n          SizedBox(\r\n            width: 150, \/\/ \u30ea\u30b9\u30c8\u306e\u5e45\r\n            child: Scrollbar(\r\n              thumbVisibility: true, \/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u30d0\u30fc\u3092\u5e38\u306b\u8868\u793a\r\n              child: ListView.builder(\r\n                itemCount: 100,\r\n                itemBuilder: (context, index) {\r\n                  return ListTile(\r\n                    title: Text('item $index'),\r\n                    onTap: () => _setLabel(index),\r\n                  );\r\n                },\r\n              ),\r\n            ),\r\n          ),\r\n          Expanded(\r\n            child: Center(\r\n              child: Text(\r\n                _label,\r\n                style: TextStyle(fontSize: 18),\r\n              ),\r\n            ),\r\n          ),\r\n        ],\r\n      ),\r\n    );\r\n  }\r\n}\r\n\r\n<\/pre>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u5b9f\u969b\u3001ListView\u3092\u4f7f\u3046\u3068\u304d\u306f\u3001List\u304b\u3089\u5c55\u958b\u3059\u308b\u3053\u3068\u304c\u591a\u3044\u3068\u601d\u3044\u307e\u3059\u3002\u305d\u3046\u3044\u3046\u6642\u306f\u3001ListView.builder\u3092\u4f7f\u3044\u307e\u3059\u3002\u3067\u304d\u305f\u306e\u306f\u3053\u3061\u3089\u3002 import &#8216;package:flutter\/material&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[603,505],"tags":[661,672,676],"class_list":{"0":"post-4596","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"hentry","6":"category-flutter","7":"category-programming","8":"tag-flutter","10":"tag-listview"},"_links":{"self":[{"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=\/wp\/v2\/posts\/4596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4596"}],"version-history":[{"count":1,"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=\/wp\/v2\/posts\/4596\/revisions"}],"predecessor-version":[{"id":4597,"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=\/wp\/v2\/posts\/4596\/revisions\/4597"}],"wp:attachment":[{"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}