메뉴

Flutter 하단 네비게이션 바 만들기 (BottomNavigationBar)

2023.03.03

우리가 스마트폰으로 어플을 사용하다 보면 항상 정해진 느낌이 있다 상단에는 Appbar가 있고 메뉴버튼이나 로고 등이 있고 하단에는 NavigationBar가 있고 홈버튼 프로필보기 버튼 등이 있다 AppBar는 한번 만든적이 있으니 이번에는 Bottom에 3개의 메뉴가 있는 NavigationBar를 만들어 볼 것이다 1. 기본 코드 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages/practice_page.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}..

Web Programming/Flutter&Dart

Flutter TabBar만들어 보기

2023.02.17

이번에는 TabBar를 만들어 볼 것이다 TabBar란 무엇이냐면 사진으로 설명하자면 아래와 같다 1. 기본코드 main.dart import 'package:flutter/material.dart'; import 'package:flutter_practice/pages/practice_page.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); // This widget is the root of your application. @override Widget build(BuildContext context) { return Mat..

Flutter 하단 네비게이션 바 만들기 (BottomNavigationBar)

Flutter TabBar만들어 보기

티스토리툴바