개발/플러터 19 [플러터] Padding 에 대하여 Padding 이란 공간에 여백을 주는 것입니다. 위젯이 많은 페이지의 경우 경계를 구분하기 어려울 때가 있습니다. 이때 Padding 위젯을 이용하여 어느 면이나 모든 면에 여백을 추가할 수 있습니다. import 'package:flutter/material.dart'; void main() => runApp(FirstPage()); class FirstPage extends StatelessWidget{ @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("Padding Example"), ), body: Center( child: GridView.count(crossA.. 2020. 5. 9. [플러터] Navigator 에 대해 ( 화면 전환 ) Navigator 는 화면을 전환하기 위한 스택 개념으로 생각하면 됩니다. 안드로이드의 경우 Intent를 통해 넘겨주거나 그나마 최근에 생긴 Navigator 기능을 통해 넘겨주는데 안드로이드 navigator와 비슷합니다. 여기서 스택 개념이라고 표현한 이유로는 Navigator에 push, pop를 통해 화면 이동을 조정하기 때문입니다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme.. 2020. 5. 7. [플러터] TextField 에 대하여 TextField 는 글자를 입력받는 위젯입니다. class MyFirstWidget extends StatelessWidget { MyFirstWidget({Key key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('TextField Sample'), ), body: ListView( scrollDirection: Axis.vertical, padding: const EdgeInsets.all(10.0), children: [ TextField( decoration: InputDecoration( labelText: '기본 design.. 2020. 5. 7. [플러터] ClipOval 에 대해서 이번에 설명해드릴 위젯은 2020. 4. 24 영상으로 올라온 ClipOval 위젯입니다. 해당 위젯을 사용하면 하위 요소를 원이나, 타원으로 변경할 수 있습니다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: MyFirstWidget(), ); } } class MyFirstWidget extends.. 2020. 5. 5. 이전 1 2 3 4 5 다음
