import 'package:flutter/material.dart';
class ProfileInstagram extends StatefulWidget {
const ProfileInstagram({super.key});
@override
State<ProfileInstagram> createState() => _ProfileInstagramState();
}
class _ProfileInstagramState extends State<ProfileInstagram> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.white,
elevation: 0,
title: Text(
'username',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 20,
color: Colors.black,
),
),
actions: [
Icon(
Icons.add_box_outlined,
color: Colors.black,
size: 30,
),
SizedBox(
width: 20,
),
Icon(
Icons.menu,
color: Colors.black,
size: 30,
),
SizedBox(
width: 20,
),
],
),
body: DefaultTabController(
length: 2,
child: Container(
padding: EdgeInsets.all(15),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
CircleAvatar(
radius: 40,
backgroundImage: NetworkImage(
'https://images.unsplash.com/photo-1606413712024-0df0371d35a9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8b3Jhbmd8ZW58MHx8MHx8fDA%3D&w=1000&q=80'),
),
Expanded(
child: Column(
children: [
Text(
'0',
style: TextStyle(
fontWeight: FontWeight.bold,
),
),
Text('Postingan'),
],
),
),
Expanded(
child: Column(
children: [
Text(
'590',
style: TextStyle(
fontWeight: FontWeight.bold,
),
),
Text('Pengikut'),
],
),
),
Expanded(
child: Column(
children: [
Text(
'434',
style: TextStyle(
fontWeight: FontWeight.bold,
),
),
Text('Mengikuti'),
],
),
),
],
),
SizedBox(
height: 20,
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
'Furqan H.',
style: TextStyle(
fontWeight: FontWeight.bold,
),
),
Text('Informatika USK 17')
],
),
SizedBox(
height: 20,
),
Row(
children: [
Expanded(
child: ElevatedButton(
style: ElevatedButton.styleFrom(
backgroundColor: Colors.grey,
),
onPressed: () {},
child: Text(
'Edit profil',
style: TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
),
),
),
),
SizedBox(
width: 10,
),
Expanded(
child: ElevatedButton(
style: ElevatedButton.styleFrom(
backgroundColor: Colors.grey,
),
onPressed: () {},
child: Text(
'Bagikan profil',
style: TextStyle(
color: Colors.black,
fontWeight: FontWeight.bold,
),
),
),
),
SizedBox(
width: 10,
),
ElevatedButton(
style: ElevatedButton.styleFrom(
backgroundColor: Colors.grey,
),
onPressed: () {},
child: Icon(
Icons.person_add_outlined,
color: Colors.black,
),
),
],
),
SizedBox(
height: 10,
),
Container(
constraints: BoxConstraints.expand(height: 50),
child: TabBar(
tabs: [
Tab(
icon: Icon(
Icons.grid_on_outlined,
color: Colors.black,
),
),
Tab(
icon: Icon(
Icons.person_pin_outlined,
color: Colors.black,
),
),
],
),
),
Expanded(
child: TabBarView(
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Expanded(
child: Container(
padding: EdgeInsets.all(2),
height: 140,
child: Image.asset(
'assets/image/1.jpeg',
fit: BoxFit.fill,
),
),
),
Expanded(
child: Container(
padding: EdgeInsets.all(2),
height: 140,
child: Image.asset(
'assets/image/2.jpeg',
fit: BoxFit.fill,
),
),
),
Expanded(
child: Container(
padding: EdgeInsets.all(2),
height: 140,
child: Image.asset(
'assets/image/3.jpeg',
fit: BoxFit.fill,
),
),
),
],
),
Text('Tab 2'),
],
),
),
],
),
),
),
bottomNavigationBar: BottomNavigationBar(
showSelectedLabels: false,
showUnselectedLabels: false,
items: <BottomNavigationBarItem>[
BottomNavigationBarItem(
icon: Icon(
Icons.home,
color: Colors.black,
),
label: 'Home',
),
BottomNavigationBarItem(
icon: Icon(
Icons.search,
color: Colors.black,
),
label: 'Search',
),
BottomNavigationBarItem(
icon: Icon(
Icons.add_box_outlined,
color: Colors.black,
),
label: 'ADD',
),
BottomNavigationBarItem(
icon: Icon(
Icons.play_arrow,
color: Colors.black,
),
label: 'ADD',
),
BottomNavigationBarItem(
icon: Container(
child: CircleAvatar(
radius: 10,
backgroundImage: NetworkImage(
'https://images.unsplash.com/photo-1606413712024-0df0371d35a9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MXx8b3Jhbmd8ZW58MHx8MHx8fDA%3D&w=1000&q=80'),
),
),
label: 'ADD',
),
],
),
);
}
}