└── 0.flutter_hire_developer.view.dart /0.flutter_hire_developer.view.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | import 'package:ig_posts/features/1.flutter_frost_glass.view.dart'; 3 | import 'package:ig_posts/features/5.flutter_swiggy_button.dart'; 4 | 5 | class FlutterProfileView extends StatelessWidget { 6 | const FlutterProfileView({super.key}); 7 | 8 | @override 9 | Widget build(BuildContext context) { 10 | return Scaffold( 11 | body: Container( 12 | width: 500, 13 | decoration: BoxDecoration( 14 | gradient: LinearGradient( 15 | begin: Alignment.topLeft, 16 | end: Alignment.bottomRight, 17 | colors: [bgColor.withOpacity(0.2), bgColorFaint], 18 | ), 19 | ), 20 | child: Column( 21 | mainAxisAlignment: MainAxisAlignment.start, 22 | children: [ 23 | const SizedBox(height: 40), 24 | const Padding( 25 | padding: EdgeInsets.only(left: 10), 26 | child: Align( 27 | alignment: Alignment.topLeft, 28 | child: CircleAvatar( 29 | backgroundColor: bgColorFaint, 30 | child: 31 | Icon(Icons.arrow_back_ios, size: 15, color: Colors.white), 32 | ), 33 | ), 34 | ), 35 | const SizedBox(height: 60), 36 | Stack( 37 | alignment: Alignment.center, 38 | children: [ 39 | const SizedBox(width: 400, height: 450), 40 | Container( 41 | height: 300, 42 | width: 350, 43 | decoration: BoxDecoration( 44 | gradient: LinearGradient( 45 | begin: Alignment.bottomRight, 46 | end: Alignment.topLeft, 47 | colors: [ 48 | bgColorFaint, 49 | bgColor.withOpacity(0.2), 50 | ], 51 | ), 52 | borderRadius: BorderRadius.circular(25)), 53 | child: Column( 54 | mainAxisAlignment: MainAxisAlignment.center, 55 | crossAxisAlignment: CrossAxisAlignment.center, 56 | children: [ 57 | const SizedBox(height: 70), 58 | Text("Abhishvek", style: boldText(fSize: 30)), 59 | Text("🌀 Flutter developer", style: regulerText), 60 | const SizedBox(height: 30), 61 | Row( 62 | mainAxisAlignment: MainAxisAlignment.spaceEvenly, 63 | children: [ 64 | Column( 65 | mainAxisAlignment: MainAxisAlignment.center, 66 | crossAxisAlignment: CrossAxisAlignment.center, 67 | children: [ 68 | Text("97", style: boldText()), 69 | Text("Score", style: regulerText), 70 | ], 71 | ), 72 | Column( 73 | mainAxisAlignment: MainAxisAlignment.center, 74 | crossAxisAlignment: CrossAxisAlignment.center, 75 | children: [ 76 | Text("109", style: boldText()), 77 | Text("Projects", style: regulerText), 78 | ], 79 | ), 80 | Column( 81 | mainAxisAlignment: MainAxisAlignment.center, 82 | crossAxisAlignment: CrossAxisAlignment.center, 83 | children: [ 84 | Text("5.0", style: boldText()), 85 | Text("Rating", style: regulerText), 86 | ], 87 | ) 88 | ], 89 | ) 90 | ], 91 | ), 92 | ), 93 | Positioned( 94 | top: 0, 95 | child: Stack( 96 | alignment: Alignment.center, 97 | children: const [ 98 | CircleAvatar(backgroundColor: bgColor, radius: 80), 99 | CircleAvatar( 100 | backgroundImage: AssetImage("assets/dp.png"), 101 | radius: 72) 102 | ], 103 | )), 104 | Positioned( 105 | top: 130, 106 | child: Chip( 107 | backgroundColor: Colors.deepOrangeAccent, 108 | label: Text("Available", style: boldText(fSize: 12)))) 109 | ], 110 | ), 111 | Container( 112 | width: 300, 113 | height: 50, 114 | decoration: BoxDecoration( 115 | color: Colors.blueAccent, 116 | borderRadius: BorderRadius.circular(12)), 117 | child: 118 | Center(child: Text("Contact developer", style: regulerText)), 119 | ), 120 | const SizedBox(height: 20), 121 | Container( 122 | width: 300, 123 | height: 50, 124 | decoration: BoxDecoration( 125 | border: Border.all(color: Colors.white, width: 0.4), 126 | borderRadius: BorderRadius.circular(12)), 127 | child: Center(child: Text("Visit profile", style: regulerText)), 128 | ) 129 | ], 130 | ), 131 | ), 132 | ); 133 | } 134 | } 135 | --------------------------------------------------------------------------------