You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Bowl_in/lib/widgets/profil_listpodium_widget.dart

205 lines
5.8 KiB

import 'package:bowl_in/widgets/scores_list_widget.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
class ProfilPodiumWidget extends StatelessWidget {
final int isfirst;
final String pseudo;
final int score;
const ProfilPodiumWidget(
{Key? key,
required this.isfirst,
required this.pseudo,
required this.score})
: super(key: key);
@override
Widget build(BuildContext context) {
return Column(
children: [
Stack(
clipBehavior: Clip.none,
children: [
Container(
width: this.isfirst == 1 ? 65 : 50,
height: this.isfirst == 1 ? 65 : 50,
decoration: BoxDecoration(
color: Colors.red,
border: Border.all(width: 2.0, color: const Color(0xFFFFFFFF)),
borderRadius: BorderRadius.all(Radius.circular(70)),
),
),
if (isfirst == 1)
Positioned(
bottom: -5,
right: -15,
child: Image.asset(
'assets/images/image_trophee.png',
height: 40,
width: 40,
),
),
],
),
Padding(
padding: EdgeInsets.fromLTRB(0, 3, 0, 3),
child: Text(
this.pseudo,
style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
),
),
Container(
width: 70,
height: 25,
decoration: BoxDecoration(
color: Color(0xff3618A0),
borderRadius: BorderRadius.all(Radius.circular(70)),
),
child: Center(
child: Text(
this.score.toString(),
style: GoogleFonts.roboto(
color: Colors.white,
fontStyle: FontStyle.italic,
fontWeight: FontWeight.w600,
fontSize: 16),
),
)),
],
);
}
}
class ProfilListWidget extends StatelessWidget {
final int position;
final String pseudo;
final int score;
const ProfilListWidget(
{Key? key,
required this.position,
required this.pseudo,
required this.score})
: super(key: key);
@override
Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.fromLTRB(0, 0, 0, 9),
child: Container(
width: 300,
height: 65,
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(17)),
color: Colors.white,
),
child: Row(
children: [
Padding(
padding: EdgeInsets.fromLTRB(18, 0, 18, 0),
child: Text(
this.position.toString(),
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 14,
color: Color(0xffBABABA),
),
),
),
Container(
width: 40,
height: 40,
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(70)),
color: Colors.grey,
),
),
Padding(
padding: EdgeInsets.fromLTRB(10, 0, 0, 0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
this.pseudo,
style: TextStyle(
fontWeight: FontWeight.bold, color: Color(0xff585858)),
),
Text(
this.score.toString() + " points",
style: TextStyle(
fontWeight: FontWeight.bold, color: Color(0xffBABABA)),
),
],
),
),
],
),
),
);
}
}
class ListPodium extends StatelessWidget {
const ListPodium({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Padding(
padding: EdgeInsets.fromLTRB(20, 80, 20, 0),
child: SizedBox(
height: 500,
child: ScrollConfiguration(
behavior: CustomScroll(),
child: ListView(
children: [
ProfilListWidget(
position: 4,
pseudo: 'Emre',
score: 35,
),
ProfilListWidget(
position: 5,
pseudo: 'Emre',
score: 35,
),
ProfilListWidget(
position: 6,
pseudo: 'Emre',
score: 35,
),
ProfilListWidget(
position: 7,
pseudo: 'Emre',
score: 35,
),
ProfilListWidget(
position: 8,
pseudo: 'Emre',
score: 35,
),
ProfilListWidget(
position: 9,
pseudo: 'Emre',
score: 35,
),
ProfilListWidget(
position: 10,
pseudo: 'Emre',
score: 35,
),
ProfilListWidget(
position: 11,
pseudo: 'Emre',
score: 35,
),
SizedBox(
height: 50,
),
],
),
)));
}
}