Showing
4 changed files
with
130 additions
and
14 deletions
| ... | @@ -17,4 +17,9 @@ | ... | @@ -17,4 +17,9 @@ |
| 17 | + Main 화면 작업 완료 | 17 | + Main 화면 작업 완료 |
| 18 |  | 18 |  |
| 19 | + 로그인 페이지 작업 완료 | 19 | + 로그인 페이지 작업 완료 |
| 20 | - | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 20 | + | ||
| 21 | + | ||
| 22 | + | ||
| 23 | +### 2021-05-09 | ||
| 24 | ++ Appbar 기능 구현 | ||
| 25 | +appbar 관련 디자인은 추후 구현 예정 | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
608 Bytes
| ... | @@ -4,33 +4,143 @@ import '../shared/colors.dart'; | ... | @@ -4,33 +4,143 @@ import '../shared/colors.dart'; |
| 4 | import 'package:flutter_screenutil/flutter_screenutil.dart'; | 4 | import 'package:flutter_screenutil/flutter_screenutil.dart'; |
| 5 | 5 | ||
| 6 | class DashBoard extends StatefulWidget { | 6 | class DashBoard extends StatefulWidget { |
| 7 | + int pageNumber = 1; | ||
| 8 | + | ||
| 7 | @override | 9 | @override |
| 8 | _DashBoardState createState() => _DashBoardState(); | 10 | _DashBoardState createState() => _DashBoardState(); |
| 9 | } | 11 | } |
| 10 | 12 | ||
| 11 | class _DashBoardState extends State<DashBoard> { | 13 | class _DashBoardState extends State<DashBoard> { |
| 12 | - | 14 | + int _selectedIndex = 0; |
| 15 | + | ||
| 13 | Widget build(BuildContext context) { | 16 | Widget build(BuildContext context) { |
| 17 | + _selectedIndex = widget.pageNumber; | ||
| 14 | final Size size = MediaQuery.of(context).size; | 18 | final Size size = MediaQuery.of(context).size; |
| 15 | return Scaffold( | 19 | return Scaffold( |
| 16 | backgroundColor: Color(0xffe5f4ff), | 20 | backgroundColor: Color(0xffe5f4ff), |
| 17 | appBar: PreferredSize( | 21 | appBar: PreferredSize( |
| 18 | preferredSize: Size.fromHeight(65), | 22 | preferredSize: Size.fromHeight(65), |
| 19 | - child:Container( | 23 | + child: Container( |
| 20 | - padding : const EdgeInsets.fromLTRB(0,10,0,0), | 24 | + padding: const EdgeInsets.fromLTRB(0, 10, 0, 0), |
| 21 | color: Colors.white, | 25 | color: Colors.white, |
| 22 | - child : AppBar( | 26 | + child: AppBar( |
| 23 | backgroundColor: Colors.white, | 27 | backgroundColor: Colors.white, |
| 24 | - actions: <Widget> [ | 28 | + actions: <Widget>[ |
| 25 | - Container ( | 29 | + Container( |
| 26 | - width : size.width * 0.2 | 30 | + width: size.width * 0.25, |
| 27 | - | 31 | + child: FlatButton( |
| 28 | - ) | 32 | + onPressed: () => { |
| 29 | - | 33 | + _onItemTapped(0), |
| 34 | + }, | ||
| 35 | + child: Stack( | ||
| 36 | + children: <Widget>[ | ||
| 37 | + Container( | ||
| 38 | + margin: EdgeInsets.fromLTRB(0, 4, 0, 0), | ||
| 39 | + padding: EdgeInsets.fromLTRB(5, 0, 5, 5), | ||
| 40 | + child: Text( | ||
| 41 | + '임시1', | ||
| 42 | + style: TextStyle( | ||
| 43 | + color: widget.pageNumber == 0 | ||
| 44 | + ? Color(0xff1674f6) | ||
| 45 | + : null, | ||
| 46 | + fontSize: 14, | ||
| 47 | + fontFamily: 'Noto', | ||
| 48 | + fontWeight: FontWeight.bold), | ||
| 49 | + ), | ||
| 50 | + ), | ||
| 51 | + ], | ||
| 52 | + ), | ||
| 53 | + ), | ||
| 54 | + ), | ||
| 55 | + Container( | ||
| 56 | + width: size.width * 0.25, | ||
| 57 | + child: FlatButton( | ||
| 58 | + onPressed: () => { | ||
| 59 | + _onItemTapped(1), | ||
| 60 | + }, | ||
| 61 | + child: Stack( | ||
| 62 | + children: <Widget>[ | ||
| 63 | + Container( | ||
| 64 | + margin: EdgeInsets.fromLTRB(0, 4, 0, 0), | ||
| 65 | + padding: EdgeInsets.fromLTRB(5, 0, 5, 5), | ||
| 66 | + child: Text( | ||
| 67 | + '임시2', | ||
| 68 | + style: TextStyle( | ||
| 69 | + color: widget.pageNumber == 1 | ||
| 70 | + ? Color(0xff1674f6) | ||
| 71 | + : null, | ||
| 72 | + fontSize: 14, | ||
| 73 | + fontFamily: 'Noto', | ||
| 74 | + fontWeight: FontWeight.bold), | ||
| 75 | + ), | ||
| 76 | + ), | ||
| 77 | + ], | ||
| 78 | + ), | ||
| 79 | + ), | ||
| 80 | + ), | ||
| 81 | + Container( | ||
| 82 | + width: size.width * 0.25, | ||
| 83 | + child: FlatButton( | ||
| 84 | + onPressed: () => { | ||
| 85 | + _onItemTapped(2), | ||
| 86 | + }, | ||
| 87 | + child: Stack( | ||
| 88 | + children: <Widget>[ | ||
| 89 | + Container( | ||
| 90 | + margin: EdgeInsets.fromLTRB(0, 4, 0, 0), | ||
| 91 | + padding: EdgeInsets.fromLTRB(5, 0, 5, 5), | ||
| 92 | + child: Text( | ||
| 93 | + '임시3', | ||
| 94 | + style: TextStyle( | ||
| 95 | + color: widget.pageNumber == 2 | ||
| 96 | + ? Color(0xff1674f6) | ||
| 97 | + : null, | ||
| 98 | + fontSize: 14, | ||
| 99 | + fontFamily: 'Noto', | ||
| 100 | + fontWeight: FontWeight.bold), | ||
| 101 | + ), | ||
| 102 | + ), | ||
| 103 | + ], | ||
| 104 | + ), | ||
| 105 | + ), | ||
| 106 | + ), | ||
| 107 | + Container( | ||
| 108 | + width: size.width * 0.25, | ||
| 109 | + child: FlatButton( | ||
| 110 | + onPressed: () => { | ||
| 111 | + _onItemTapped(3), | ||
| 112 | + }, | ||
| 113 | + child: Stack( | ||
| 114 | + children: <Widget>[ | ||
| 115 | + Column( | ||
| 116 | + mainAxisAlignment: MainAxisAlignment.center, | ||
| 117 | + children: [ | ||
| 118 | + Container( | ||
| 119 | + margin: EdgeInsets.fromLTRB(0, 4, 0, 0), | ||
| 120 | + padding: EdgeInsets.fromLTRB(5, 0, 5, 5), | ||
| 121 | + child: Image.asset( | ||
| 122 | + 'images/setting.png', | ||
| 123 | + color: widget.pageNumber == 3 | ||
| 124 | + ? Color(0xff1674f6) | ||
| 125 | + : null, | ||
| 126 | + ), | ||
| 127 | + ), | ||
| 128 | + ], | ||
| 129 | + ) | ||
| 130 | + ], | ||
| 131 | + ), | ||
| 132 | + ), | ||
| 133 | + ), | ||
| 30 | ], | 134 | ], |
| 31 | - | 135 | + ), |
| 32 | - )) | 136 | + ), |
| 33 | ), | 137 | ), |
| 34 | - ) | 138 | + ); |
| 139 | + } | ||
| 140 | + | ||
| 141 | + void _onItemTapped(int index) { | ||
| 142 | + setState(() { | ||
| 143 | + widget.pageNumber = index; | ||
| 144 | + }); | ||
| 35 | } | 145 | } |
| 36 | } | 146 | } | ... | ... |
-
Please register or login to post a comment