본문 바로가기

개발 179

[플러터] BottomNavigationBar 에 대해서 BottomNavigationBar 은 하단에 메뉴탭을 구성하는 위젯입니다. class MyFirstWidget extends StatelessWidget { MyFirstWidget({Key key}) : super(key: key); int _selectedIndex = 0; static const TextStyle optionStyle = TextStyle(fontSize: 30, fontWeight: FontWeight.bold); static const List _widgetOptions = [ Text( 'Index 0: Home', style: optionStyle, ), Text( 'Index 1: Business', style: optionStyle, ), Text( 'Index 2: S.. 2020. 5. 2.
[플러터] PageView 에 대해서 PageView 란 여러 페이지를 좌우로 슬라이드하여 넘길 수 있도록 해주는 위젯입니다. class MyFirstWidget extends StatelessWidget { MyFirstWidget({Key key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('PageView Example'), ), body: PageView( children: [ Container( width: 100, height: 100, color: Colors.green, ), Container( width: 100, height: 100, color: Color.. 2020. 5. 2.
[플러터] Appbar 에 뒤로가기 버튼 만들기 AppBar 는 앱의 상단에 있는 바입니다. 앱바가 있기 때문에 사용자는 현재 화면의 진행사항을 직관적으로 파악하고 뒤로가기 버튼등을 사용할 수 있습니다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); /// This Widget is the main application widget. class MyApp extends StatelessWidget { static const String _title = 'Flutter Code Sample'; @override Widget build(BuildContext context) { return MaterialApp( title: _title, home: MyFirstWidget.. 2020. 5. 2.
[플러터] GridView 에 대해서 GridView 란 열 수를 지정하여 그리드 형태로 표시하는 위젯입니다. GridView.count(crossAxisCount: 4, children: [ Container( color: Colors.blue, width: 100, height: 100, ), Container( color: Colors.red, width: 100, height: 100, ), Container( color: Colors.green, width: 100, height: 100, ) ], ) crossAxisCount : gridview 의 열(column) 개수입니다. 2020. 5. 1.

티스토리툴바