import 'package:flutter/material.
dart';
import 'package:task_manager_app/ui/widgets/screen_background.dart';
import 'package:task_manager_app/ui/widgets/tm_app_bar.dart';
import '../widgets/photo_picker.dart';
class UpdateProfileScreen extends StatefulWidget {
const UpdateProfileScreen({[Link]});
static const String name = '/update-profile';
@override
State<UpdateProfileScreen> createState() => _UpdateProfileScreenState();
class _UpdateProfileScreenState extends State<UpdateProfileScreen> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: TMAppBar(fromUpdateProfile: true),
body: ScreenBackground(
child: Padding(
padding: const [Link](24),
child: Column(
crossAxisAlignment: [Link],
spacing: 8,
children: [
const SizedBox(height: 36),
Text(
'Update Profile',
style: [Link](context).[Link],
),
const SizedBox(height: 8),
GestureDetector(onTap: () {}, child: PhotoPicker()),
TextFormField(decoration: InputDecoration(hintText: 'Email')),
TextFormField(
decoration: InputDecoration(hintText: 'First name'),
),
TextFormField(decoration: InputDecoration(hintText: 'Last name')),
TextFormField(decoration: InputDecoration(hintText: 'Mobile')),
TextFormField(decoration: InputDecoration(hintText: 'Password')),
const SizedBox(height: 8),
FilledButton(
onPressed: _onTapUpdateButton,
child: Icon(Icons.arrow_circle_right_outlined),
),
],
),
),
),
);
void _onTapUpdateButton() {}
}
import 'package:flutter/[Link]';
class PhotoPicker extends StatelessWidget {
const PhotoPicker({[Link]});
@override
Widget build(BuildContext context) {
return Container(
height: 50,
width: [Link],
decoration: BoxDecoration(
color: [Link],
borderRadius: [Link](8),
),
child: Row(
spacing: 8,
children: [
Container(
height: 50,
width: 80,
decoration: BoxDecoration(
color: [Link],
borderRadius: [Link](
topLeft: [Link](8),
bottomLeft: [Link](8),
),
),
alignment: [Link],
child: Text('Photo'),
),
Expanded(child: Text('Select photo')),
],
),
);