justMusic/Sources/justMUSIC/lib/screens/add_friend_screen.dart

import 'package:flutter/Material.dart';
import 'package:flutter/services.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:justmusic/values/constants.dart';

import '../components/profile_list_component.dart';
import '../model/User.dart';

class AddFriendScreen extends StatefulWidget {
  const AddFriendScreen({super.key});

  @override
  State<AddFriendScreen> createState() => _AddFriendScreenState();
}

class _AddFriendScreenState extends State<AddFriendScreen> {
  final ScrollController _scrollController = ScrollController();
  final TextEditingController _textEditingController = TextEditingController();

  List<User> fakeList = [
    User(
        "&",
        "_pseudo",
        "_pseudo",
        "_country",
        "_mail",
        "https://firebasestorage.googleapis.com/v0/b/justmusic-435d5.appspot.com/o/RUiGpZ8AzCQPqiVJKwuQeIqiC4B2UYSIpWSnX4gJhZJzaN4q.jpg?alt=media&token=39baf86a-4d19-4534-b777-1a4feca67359",
        [],
        12,
        []),
    User(
        "&",
        "_pseudo",
        "_pseudo",
        "_country",
        "_mail",
        "https://firebasestorage.googleapis.com/v0/b/justmusic-435d5.appspot.com/o/RUiGpZ8AzCQPqiVJKwuQeIqiC4B2bafPGRGLh2La72LkmQst.jpg?alt=media&token=ac1916f0-e08d-43bd-977a-2c2d94182609",
        [],
        12,
        []),
    User(
        "&",
        "_pseudo",
        "_pseudo",
        "_country",
        "_mail",
        "https://firebasestorage.googleapis.com/v0/b/justmusic-435d5.appspot.com/o/RUiGpZ8AzCQPqiVJKwuQeIqiC4B2bafPGRGLh2La72LkmQst.jpg?alt=media&token=ac1916f0-e08d-43bd-977a-2c2d94182609",
        [],
        12,
        []),
    User(
        "&",
        "_pseudo",
        "_pseudo",
        "_country",
        "_mail",
        "https://firebasestorage.googleapis.com/v0/b/justmusic-435d5.appspot.com/o/RUiGpZ8AzCQPqiVJKwuQeIqiC4B2bafPGRGLh2La72LkmQst.jpg?alt=media&token=ac1916f0-e08d-43bd-977a-2c2d94182609",
        [],
        12,
        []),
    User(
        "&",
        "_pseudo",
        "_pseudo",
        "_country",
        "_mail",
        "https://firebasestorage.googleapis.com/v0/b/justmusic-435d5.appspot.com/o/RUiGpZ8AzCQPqiVJKwuQeIqiC4B2bafPGRGLh2La72LkmQst.jpg?alt=media&token=ac1916f0-e08d-43bd-977a-2c2d94182609",
        [],
        12,
        []),
    User(
        "&",
        "_pseudo",
        "_pseudo",
        "_country",
        "_mail",
        "https://firebasestorage.googleapis.com/v0/b/justmusic-435d5.appspot.com/o/RUiGpZ8AzCQPqiVJKwuQeIqiC4B2bafPGRGLh2La72LkmQst.jpg?alt=media&token=ac1916f0-e08d-43bd-977a-2c2d94182609",
        [],
        12,
        []),
    User(
        "&",
        "_pseudo",
        "_pseudo",
        "_country",
        "_mail",
        "https://firebasestorage.googleapis.com/v0/b/justmusic-435d5.appspot.com/o/RUiGpZ8AzCQPqiVJKwuQeIqiC4B2bafPGRGLh2La72LkmQst.jpg?alt=media&token=ac1916f0-e08d-43bd-977a-2c2d94182609",
        [],
        12,
        []),
    User(
        "&",
        "_pseudo",
        "_pseudo",
        "_country",
        "_mail",
        "https://firebasestorage.googleapis.com/v0/b/justmusic-435d5.appspot.com/o/RUiGpZ8AzCQPqiVJKwuQeIqiC4B2bafPGRGLh2La72LkmQst.jpg?alt=media&token=ac1916f0-e08d-43bd-977a-2c2d94182609",
        [],
        12,
        []),
    User(
        "&",
        "_pseudo",
        "_pseudo",
        "_country",
        "_mail",
        "https://firebasestorage.googleapis.com/v0/b/justmusic-435d5.appspot.com/o/RUiGpZ8AzCQPqiVJKwuQeIqiC4B2bafPGRGLh2La72LkmQst.jpg?alt=media&token=ac1916f0-e08d-43bd-977a-2c2d94182609",
        [],
        12,
        []),
    User(
        "&",
        "_pseudo",
        "_pseudo",
        "_country",
        "_mail",
        "https://firebasestorage.googleapis.com/v0/b/justmusic-435d5.appspot.com/o/RUiGpZ8AzCQPqiVJKwuQeIqiC4B2bafPGRGLh2La72LkmQst.jpg?alt=media&token=ac1916f0-e08d-43bd-977a-2c2d94182609",
        [],
        12,
        []),
    User(
        "&",
        "_pseudo",
        "_pseudo",
        "_country",
        "_mail",
        "https://firebasestorage.googleapis.com/v0/b/justmusic-435d5.appspot.com/o/RUiGpZ8AzCQPqiVJKwuQeIqiC4B2bafPGRGLh2La72LkmQst.jpg?alt=media&token=ac1916f0-e08d-43bd-977a-2c2d94182609",
        [],
        12,
        []),
    User(
        "&",
        "_pseudo",
        "_pseudo",
        "_country",
        "_mail",
        "https://firebasestorage.googleapis.com/v0/b/justmusic-435d5.appspot.com/o/RUiGpZ8AzCQPqiVJKwuQeIqiC4B2bafPGRGLh2La72LkmQst.jpg?alt=media&token=ac1916f0-e08d-43bd-977a-2c2d94182609",
        [],
        12,
        []),
  ];

  Future<void> resetFullScreen() async {
    await SystemChannels.platform.invokeMethod<void>(
      'SystemChrome.restoreSystemUIOverlays',
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: PreferredSize(
          preferredSize: Size(double.infinity, 58),
          child: Container(
            height: double.infinity,
            color: bgAppBar,
            child: Padding(
              padding: const EdgeInsets.symmetric(horizontal: defaultPadding),
              child: Stack(
                alignment: Alignment.centerRight,
                children: [
                  Align(
                    child: Text(
                      "Ajouter des amis",
                      style: GoogleFonts.plusJakartaSans(
                          color: Colors.white,
                          fontSize: 14,
                          fontWeight: FontWeight.bold),
                    ),
                  ),
                  GestureDetector(
                      behavior: HitTestBehavior.translucent,
                      onTap: () {
                        Navigator.pop(context, true);
                      },
                      child: Transform(
                          alignment: Alignment.center,
                          transform: Matrix4.rotationY(3.14159265),
                          child: Container(
                            padding: EdgeInsets.symmetric(horizontal: 10),
                            height: 30,
                            width: 30,
                            child: const Image(
                              image:
                                  AssetImage("assets/images/return_icon.png"),
                              height: 8,
                            ),
                          ))),
                ],
              ),
            ),
          ),
        ),
        body: Container(
          color: bgColor,
          child: Column(
            children: [
              Padding(
                padding: const EdgeInsets.only(
                    bottom: 20, left: 20, right: 20, top: 20),
                child: SizedBox(
                  height: 40,
                  child: TextField(
                    autofocus: false,
                    controller: _textEditingController,
                    keyboardAppearance: Brightness.dark,
                    onEditingComplete: resetFullScreen,
                    onSubmitted: (value) async {
                      if (_textEditingController.text.isEmpty) {
                        print("search");
                      }
                    },
                    cursorColor: Colors.white,
                    keyboardType: TextInputType.text,
                    style: GoogleFonts.plusJakartaSans(color: grayText),
                    decoration: InputDecoration(
                        prefixIcon: const Icon(
                          Icons.search,
                          color: grayColor,
                        ),
                        focusedBorder: const OutlineInputBorder(
                            borderSide: BorderSide(width: 1, color: grayColor),
                            borderRadius:
                                BorderRadius.all(Radius.circular(10))),
                        contentPadding: const EdgeInsets.only(
                            top: 0,
                            bottom: 0,
                            left: defaultPadding,
                            right: defaultPadding),
                        fillColor: searchBarColor,
                        filled: true,
                        focusColor: grayText,
                        enabledBorder: const OutlineInputBorder(
                            borderSide: BorderSide(width: 1, color: grayColor),
                            borderRadius:
                                BorderRadius.all(Radius.circular(10))),
                        hintText: 'Chercher un ami',
                        hintStyle:
                            GoogleFonts.plusJakartaSans(color: grayHint)),
                  ),
                ),
              ),
              Flexible(
                  child: ScrollConfiguration(
                      behavior:
                          const ScrollBehavior().copyWith(scrollbars: true),
                      child: ListView.builder(
                        physics: const BouncingScrollPhysics(
                            decelerationRate: ScrollDecelerationRate.fast),
                        itemCount: fakeList.length,
                        itemBuilder: (BuildContext context, int index) {
                          return InkWell(
                            child: Padding(
                                padding: EdgeInsets.fromLTRB(20, 0, 20, 20),
                                child: ProfileListComponent(
                                    user: fakeList[index])),
                          );
                        },
                      )))
            ],
          ),
        ));
  }
}