Flutter コードサンプル - 版の履歴

Piroto: /* Main Axis と Cross Axsis */

2020-04-05T15:23:41Z

Main Axis と Cross Axsis

2020-04-05T15:15:30Z

Column と Row

2020-04-05T15:12:01Z

複数ウィジェットの配置

2020-04-05T15:09:45Z

Column と Row

2020-04-05T15:09:17Z

Column

2020-04-05T14:55:07Z

複数ウィジェットの配置

2020-04-05T14:53:18Z

複数ウィジェットの配置

2020-04-05T14:33:45Z

複数ウィジェットの配置

2020-04-05T14:31:35Z

状態を管理

2020-03-15T10:00:17Z

StatefulWidgetとState

← 古い版		2020年4月5日 (日) 15:23時点における版
141行目:		141行目:

	==== Main Axis と Cross Axsis ====		==== Main Axis と Cross Axsis ====
		+
		+	*https://qiita.com/kaleidot725/items/35f6940e594bdf073eb8

	{\|class="wikitable"		{\|class="wikitable"

@@ 138行目: / 138行目: @@
 [[File:Flutter_row_col.png]]
 [[File:Flutter_row_col2.png]]
 [[File:Flutter_row_col3.png]]

@@ 133行目: / 133行目: @@
 ==複数ウィジェットの配置==
 *https://flutter.dev/docs/development/ui/layout
 [[File:Flutter_row_col.png]]
@@ 138行目: / 140行目: @@
 [[File:Flutter_row_col3.png]]
+===Column と Row の例===
    @override
    Widget build(BuildContext context) {

← 古い版		2020年4月5日 (日) 15:09時点における版
140行目:		140行目:


−	===Column===	+	===Column と Row===
		+
		+
		+	@override
		+	Widget build(BuildContext context) {
		+	return Scaffold(
		+	appBar: AppBar(
		+	title: Text('Flutter State Sample'),
		+	),
		+	body: Column(
		+	// Columnの配置場所
		+	mainAxisAlignment: MainAxisAlignment.start,
		+	// Widgetのサイズ
		+	mainAxisSize: MainAxisSize.max,
		+	//　Columnに組み込んだWidgetの配置場所
		+	crossAxisAlignment: CrossAxisAlignment.start,
		+	children: <Widget>[
		+	Text(
		+	this.time,
		+	style: TextStyle(fontSize: 32.0),
		+	),
		+	Row(
		+	mainAxisAlignment: MainAxisAlignment.start,
		+	mainAxisSize: MainAxisSize.max,
		+	crossAxisAlignment: CrossAxisAlignment.start,
		+	children: <Widget>[
		+	Flexible(
		+	child: TextField(),
		+	),
		+	RaisedButton(
		+	child: Text("Save"),
		+	),
		+	RaisedButton(
		+	child: Text("Load"),
		+	)
		+	],
		+	),
		+	],
		+	),
		+	floatingActionButton: FloatingActionButton(
		+	onPressed: showTime,
		+	child: Icon(Icons.timer),
		+	),
		+	);
		+	}
		+
		+	｢｢File:flutter_col_row.png]]

← 古い版		2020年4月5日 (日) 14:53時点における版
132行目:		132行目:

	==複数ウィジェットの配置==		==複数ウィジェットの配置==
		+	*https://flutter.dev/docs/development/ui/layout

−	===~~Columns~~===	+
		+
		+
		+
		+	===Column===

← 古い版		2020年4月5日 (日) 14:31時点における版
130行目:		130行目:
	}		}
	[[File:Flutter_simple_state_action.png]]		[[File:Flutter_simple_state_action.png]]
		+
		+	==複数ウィジェットの配置==

@@ 73行目: / 73行目: @@
 *StatefulWidgetは状態が変わるたびに、buildで新たな状態を生成し画面表示を更新する。
 *initState() でプロパティを初期化する
   import 'package:flutter/material.dart';