2021-1-capstone-design1 / RIT_Project1

Go to a project
Toggle navigation Toggle navigation pinning
고원빈
cb2d2f40 1 parent b54c2d5d

[frontend] appbar 기능 구현

Inline Side-by-side
Showing 4 changed files with 130 additions and 14 deletions
......@@ -17,4 +17,9 @@
+ Main 화면 작업 완료
![로그인_화면](/uploads/d12f35739c9263e37009cc9b3bbe06d4/로그인_화면.PNG)
+ 로그인 페이지 작업 완료
![222](/uploads/8cc867cd159e28c04ff2a09e3a42c2d6/222.PNG)
\ No newline at end of file
![222](/uploads/8cc867cd159e28c04ff2a09e3a42c2d6/222.PNG)
### 2021-05-09
+ Appbar 기능 구현
appbar 관련 디자인은 추후 구현 예정
\ No newline at end of file
......
......@@ -4,33 +4,143 @@ import '../shared/colors.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
class DashBoard extends StatefulWidget {
int pageNumber = 1;
@override
_DashBoardState createState() => _DashBoardState();
}
class _DashBoardState extends State<DashBoard> {
int _selectedIndex = 0;
Widget build(BuildContext context) {
_selectedIndex = widget.pageNumber;
final Size size = MediaQuery.of(context).size;
return Scaffold(
backgroundColor: Color(0xffe5f4ff),
appBar: PreferredSize(
preferredSize: Size.fromHeight(65),
child:Container(
padding : const EdgeInsets.fromLTRB(0,10,0,0),
child: Container(
padding: const EdgeInsets.fromLTRB(0, 10, 0, 0),
color: Colors.white,
child : AppBar(
child: AppBar(
backgroundColor: Colors.white,
actions: <Widget> [
Container (
width : size.width * 0.2
)
actions: <Widget>[
Container(
width: size.width * 0.25,
child: FlatButton(
onPressed: () => {
_onItemTapped(0),
},
child: Stack(
children: <Widget>[
Container(
margin: EdgeInsets.fromLTRB(0, 4, 0, 0),
padding: EdgeInsets.fromLTRB(5, 0, 5, 5),
child: Text(
'임시1',
style: TextStyle(
color: widget.pageNumber == 0
? Color(0xff1674f6)
: null,
fontSize: 14,
fontFamily: 'Noto',
fontWeight: FontWeight.bold),
),
),
],
),
),
),
Container(
width: size.width * 0.25,
child: FlatButton(
onPressed: () => {
_onItemTapped(1),
},
child: Stack(
children: <Widget>[
Container(
margin: EdgeInsets.fromLTRB(0, 4, 0, 0),
padding: EdgeInsets.fromLTRB(5, 0, 5, 5),
child: Text(
'임시2',
style: TextStyle(
color: widget.pageNumber == 1
? Color(0xff1674f6)
: null,
fontSize: 14,
fontFamily: 'Noto',
fontWeight: FontWeight.bold),
),
),
],
),
),
),
Container(
width: size.width * 0.25,
child: FlatButton(
onPressed: () => {
_onItemTapped(2),
},
child: Stack(
children: <Widget>[
Container(
margin: EdgeInsets.fromLTRB(0, 4, 0, 0),
padding: EdgeInsets.fromLTRB(5, 0, 5, 5),
child: Text(
'임시3',
style: TextStyle(
color: widget.pageNumber == 2
? Color(0xff1674f6)
: null,
fontSize: 14,
fontFamily: 'Noto',
fontWeight: FontWeight.bold),
),
),
],
),
),
),
Container(
width: size.width * 0.25,
child: FlatButton(
onPressed: () => {
_onItemTapped(3),
},
child: Stack(
children: <Widget>[
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Container(
margin: EdgeInsets.fromLTRB(0, 4, 0, 0),
padding: EdgeInsets.fromLTRB(5, 0, 5, 5),
child: Image.asset(
'images/setting.png',
color: widget.pageNumber == 3
? Color(0xff1674f6)
: null,
),
),
],
)
],
),
),
),
],
))
),
),
),
)
);
}
void _onItemTapped(int index) {
setState(() {
widget.pageNumber = index;
});
}
}
......
......@@ -41,4 +41,5 @@ flutter:
assets:
- images/
- images/main_logo.png
- images/setting.png
......