[Homepage] 9. add user profile google
This commit is contained in:
BIN
images/alert_badge.png
Normal file
BIN
images/alert_badge.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 432 B |
BIN
images/avatar_c.png
Normal file
BIN
images/avatar_c.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 885 B |
@@ -95,7 +95,7 @@ class Constant {
|
|||||||
static TextStyle subtitle_500_12({required BuildContext context}) {
|
static TextStyle subtitle_500_12({required BuildContext context}) {
|
||||||
return TextStyle(
|
return TextStyle(
|
||||||
fontSize: Constant.getActualYPhone(context: context, y: 12),
|
fontSize: Constant.getActualYPhone(context: context, y: 12),
|
||||||
fontWeight: FontWeight.w700,
|
fontWeight: FontWeight.w500,
|
||||||
fontFamily: 'Public Sans',
|
fontFamily: 'Public Sans',
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -17,7 +17,10 @@ class HomepageScreen extends StatelessWidget {
|
|||||||
child: FloatingActionButton(
|
child: FloatingActionButton(
|
||||||
onPressed: () {},
|
onPressed: () {},
|
||||||
backgroundColor: Color(0xFFFFFFFF),
|
backgroundColor: Color(0xFFFFFFFF),
|
||||||
shape: CircleBorder(),
|
shape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.circular(
|
||||||
|
8.0), // Sesuaikan radius sesuai keinginan Anda
|
||||||
|
),
|
||||||
child: Container(
|
child: Container(
|
||||||
width: Constant.getActualXPhone(context: context, x: 50),
|
width: Constant.getActualXPhone(context: context, x: 50),
|
||||||
height: Constant.getActualYPhone(context: context, y: 50),
|
height: Constant.getActualYPhone(context: context, y: 50),
|
||||||
@@ -90,6 +93,72 @@ class HomepageScreen extends StatelessWidget {
|
|||||||
body: SafeArea(
|
body: SafeArea(
|
||||||
child: Column(
|
child: Column(
|
||||||
children: [
|
children: [
|
||||||
|
Container(
|
||||||
|
child: ListTile(
|
||||||
|
leading: Container(
|
||||||
|
width: Constant.getActualXPhone(context: context, x: 36),
|
||||||
|
height: Constant.getActualYPhone(context: context, y: 36),
|
||||||
|
child: Image(
|
||||||
|
image: AssetImage('images/avatar_c.png'),
|
||||||
|
)),
|
||||||
|
title: Text(
|
||||||
|
"Stephen Kusumo",
|
||||||
|
style: Constant.titleH1_700(context: context)
|
||||||
|
..copyWith(
|
||||||
|
color: Constant.textBlack,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
subtitle: Text(
|
||||||
|
"Step@example.com",
|
||||||
|
style: Constant.subtitle_500_12(context: context).copyWith(
|
||||||
|
color: Constant.textLightGrey,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
trailing: Container(
|
||||||
|
width: Constant.getActualXPhone(context: context, x: 36),
|
||||||
|
height: Constant.getActualYPhone(context: context, y: 36),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(12.0),
|
||||||
|
color: Colors.white,
|
||||||
|
shape: BoxShape.rectangle,
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
offset: Offset(0, 12),
|
||||||
|
blurRadius: 24,
|
||||||
|
color: Color.fromRGBO(145, 158, 171, 0.12),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
child: IconButton(
|
||||||
|
onPressed: () {},
|
||||||
|
icon: Container(
|
||||||
|
width: Constant.getActualXPhone(context: context, x: 20),
|
||||||
|
height: Constant.getActualYPhone(context: context, y: 20),
|
||||||
|
child: Image(
|
||||||
|
image: AssetImage('images/alert_badge.png'),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
// child: ElevatedButton(
|
||||||
|
// onPressed: () {
|
||||||
|
// // Action to be performed on button press
|
||||||
|
// },
|
||||||
|
// child: Container(
|
||||||
|
// width: Constant.getActualXPhone(context: context, x: 20),
|
||||||
|
// height: Constant.getActualYPhone(context: context, y: 20),
|
||||||
|
// decoration: BoxDecoration(
|
||||||
|
// image: DecorationImage(
|
||||||
|
// image: AssetImage(
|
||||||
|
// 'images/alert_badge.png', // Ganti dengan path gambar Anda
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
// ),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
SizedBox(
|
SizedBox(
|
||||||
height: Constant.getActualYPhone(context: context, y: 44),
|
height: Constant.getActualYPhone(context: context, y: 44),
|
||||||
),
|
),
|
||||||
|
|||||||
Reference in New Issue
Block a user