Flutter Layout Test 1 ( Column, Row )

github.com/bomhai/Flutter/blob/main/test/test1.dart

bomhai/Flutter

처음 하는 Flutter 

이제부터 연습해보자.

실행하면 위와 같이 나온다.

 

	import 'package:flutter/material.dart';
	void main() => runApp(MyApp());
	class MyApp extends StatelessWidget {
	@override
	Widget build(BuildContext context) {
	return MaterialApp(
	title: 'Simple',
	home: Scaffold(
	appBar: AppBar(
	title: Text('Simple'),
	),
	body: Center(
	child: Row(
	children:<Widget>[
	Column(
	children:<Widget>[
	Text('A'),
	Text('B'),
	Text('C'),
	Text('D'),
	],
	),
	Column(
	children: <Widget>[
	Text('E'),
	Text('F'),
	Text('G'),
	Text('H'),
	],
	),
	Column(
	children: <Widget>[
	Text('I'),
	Text('J'),
	Text('K'),
	Text('L'),
	],
	),
	]
	),
	),
	),
	);
	}
	}

view raw test1.dart hosted with ❤ by GitHub