Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- animation
- Class
- map
- package
- DART
- 다트
- 파이썬
- 플러터
- 코틀린
- List
- function
- texttheme
- 클래스
- 크롤러
- set
- Collection
- 웹크롤러
- Android
- python
- variable
- 콜렉션
- 함수
- kotlin
- ML
- crawler
- textstyle
- pushnamed
- text
- Flutter
- import
Archives
- Today
- Total
조용한 담장
BottomNavigationBar, BottomAppBar 본문
BottomAppBar
A container that is typically used with Scaffold.bottomNavigationBar, and can have a notch along the top that makes room for an overlapping FloatingActionButton.
자유롭게 구현이 가능한 것 같다.

This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
class _MyHomePageState extends State<MyHomePage> { | |
@override | |
Widget build(BuildContext context) { | |
return Scaffold( | |
appBar: AppBar( | |
title: Text('BottomAppBar demo'), | |
), | |
body: Center( | |
child: Text('body'), | |
), | |
bottomNavigationBar: BottomAppBar( | |
child: Container( | |
color: Colors.yellow, | |
height: 50.0, | |
child: Row( | |
mainAxisAlignment: MainAxisAlignment.spaceEvenly, | |
children: <Widget>[ | |
Text('This is Bottom'), | |
Icon(Icons.arrow_downward), | |
] | |
), | |
), | |
), | |
floatingActionButtonLocation: FloatingActionButtonLocation.endDocked, | |
floatingActionButton: FloatingActionButton( | |
child: Icon(Icons.thumb_up), | |
onPressed: null, | |
), | |
); | |
} | |
} |
BottomNavigationBar
A material widget that's displayed at the bottom of an app for selecting among a small number of views, typically between three and five.
The bottom navigation bar consists of multiple items in the form of text labels, icons, or both, laid out on top of a piece of material. It provides quick navigation between the top-level views of an app. For larger screens, side navigation may be a better fit.
선택에 따라 다른 화면이 그려지도록 구성해 보았다.




'Flutter' 카테고리의 다른 글
url_launcher (0) | 2019.08.07 |
---|---|
Flutter : Platform-specific code (0) | 2019.08.06 |
Drawer (0) | 2019.08.02 |
AnimatedSwitcher (0) | 2019.07.31 |
Tab (0) | 2019.07.24 |