In der gesamten Flutter -App reagieren nur zwei Bildschirme langsam (Einfrieren) ⇐ Android

[Anonymous]

Die gesamte App funktioniert gut, aber es gibt zwei spezifische Bildschirme, die wie ein hängendes Telefon reagieren. Alle anderen Bildschirme funktionieren gut. Wenn ich zu diesem spezifischen Bildschirm wechsle, startet es und wenn ich zurückschalte, stoppt es. /> Ich bekomme: < /p>

I /Choreograf (3867): 97 Frames übersprungen! Die Anwendung kann
zu viel Arbeit an ihrem Haupt -Thread erledigen. Annahme entfernt. Annahme entfernt.

Code: Select all

class TriviaTab extends StatefulWidget {
@override
State createState()=>  triviaTab();
}

class triviaTab extends State{
@override
Widget build(BuildContext context) {
return Column(
children: [
Container(
width: double.infinity,
decoration: BoxDecoration(
color: whiteColor.withOpacity(0.1),
border: Border.all(color: whiteColor.withOpacity(0.4)),
borderRadius: BorderRadius.circular(20),
),
child: Padding(
padding: const EdgeInsets.all(20.0),
child: Column(children: [
Row(
children: [
SvgPicture.asset(Assets.iconsWinnerIconOutline),
sB(w: 8),
commonText(text: "Timed Awards", txtSize: 18,fontWeight: FontWeight.w700)
],),
sB(w: 6),
Align( alignment: Alignment.centerLeft,
child: commonText(text: 'Resets August 1st', txtSize: 14,color: textColor2)),
sB(h: 26),
commonText(text: Current_Reward, txtSize: 14,fontWeight: FontWeight.bold,color: yellowColor),
sB(h: 24),
SvgPicture.asset(Assets.iconsAwardTrophy),
sB(h: 16),
commonText(text: '187 points', txtSize: 20,fontWeight: FontWeight.bold),
sB(h: 6),
commonText(text: 'Time remaining when answering correctly', txtSize: 14,color: textColor2),
sB(h: 24),
Container(width: double.infinity,
decoration: BoxDecoration(color: whiteColor.withOpacity(0.15),
borderRadius: BorderRadius.circular(8),
),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(children: [
Row(children: [
commonText(text: 'Bronze (150-200)', txtSize: 12,fontWeight: FontWeight.w600),
Spacer(),
sB(
h: 20,
w: 15,
child: SvgPicture.asset(Assets.iconsAwardTrophy))
],),
sB(h: 8),
LinearProgressIndicator(
backgroundColor: Colors.grey
.withOpacity(0.4),
borderRadius: BorderRadius.circular(
25,
),
color: whiteColor,
minHeight: 10,
value: 100 / 100,
),
sB(h: 8),
Align(
alignment: Alignment.centerLeft,
child: commonText(text: "EARNED", txtSize: 10,fontWeight: FontWeight.w600,color: Colors.yellow)),
sB(h:20),
Row(children: [
commonText(text: 'Silver (200-250)', txtSize: 12,fontWeight: FontWeight.w600),
Spacer(),
sB(
h: 20,
w: 15,
child: SvgPicture.asset(Assets.iconsMyAwardSilverTrophy))
],),
sB(h: 8),
LinearProgressIndicator(
backgroundColor: Colors.grey
.withOpacity(0.4),
borderRadius: BorderRadius.circular(
25,
),
color: whiteColor,
minHeight: 10,
value: 87 / 100,
),
sB(h: 8),
Align(
alignment: Alignment.centerLeft,
child: commonText(text:'13 points to go', txtSize: 10,fontWeight: FontWeight.w500,)),
sB(h:20),
Row(children: [
commonText(text: 'Gold (250-300)', txtSize: 12,fontWeight: FontWeight.w600),
Spacer(),
sB(
h: 20,
w: 15,
child: SvgPicture.asset(Assets.iconsMyAwardGoldTrophy))
],),
sB(h: 8),
LinearProgressIndicator(
backgroundColor: Colors.grey
.withOpacity(0.4),
borderRadius:  BorderRadius.circular(
25,
),
color: whiteColor,
minHeight: 10,
value: 37 / 100,
),
sB(h: 8),
Align(
alignment: Alignment.centerLeft,
child: commonText(text:'63 points to go', txtSize: 10,fontWeight: FontWeight.w500,)),
],),
),
),
sB(h: 24),
],),
),
),
sB(h: 24),
Container(
width: double.infinity,
decoration: BoxDecoration(
color: whiteColor.withOpacity(0.1),
border: Border.all(color: whiteColor.withOpacity(0.4)),
borderRadius: BorderRadius.circular(20),
),
child: Padding(
padding: const EdgeInsets.all(20.0),
child: Column(children: [
Row(
children: [
SvgPicture.asset(Assets.iconsUltimatedAwards),
sB(w: 8),
commonText(text: "Untimed awards", txtSize: 18,fontWeight: FontWeight.w700)
],),
sB(w: 6),
Align( alignment: Alignment.centerLeft,
child: commonText(text: 'Resets August 1st', txtSize: 14,color: textColor2)),
sB(h: 26),
commonText(text: Current_Reward, txtSize: 14,fontWeight: FontWeight.bold,color: yellowColor),
sB(h: 24),
SvgPicture.asset(Assets.iconsAwardMadel),
sB(h: 16),
commonText(text: '25 correct', txtSize: 20,fontWeight: FontWeight.bold),
sB(h: 6),
commonText(text: 'Answers regardless of time', txtSize: 14,color: textColor2),
sB(h: 24),
Container(width: double.infinity,
decoration: BoxDecoration(color: whiteColor.withOpacity(0.15),
borderRadius: BorderRadius.circular(8),
),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(children: [
Row(children: [
commonText(text: 'Bronze (16)', txtSize: 12,fontWeight: FontWeight.w600),
Spacer(),
sB(
h: 20,
w: 15,
child: SvgPicture.asset(Assets.iconsBronzMadel))
],),
sB(h: 8),
LinearProgressIndicator(
backgroundColor: Colors.grey
.withOpacity(0.4),
borderRadius: BorderRadius.circular(
30,
),
color: whiteColor,
minHeight: 10,
value: 100 / 100,
),
sB(h: 8),
Align(
alignment: Alignment.centerLeft,
child: commonText(text: "EARNED", txtSize: 10,fontWeight: FontWeight.w600,color: Colors.yellow)),
sB(h:20),
Row(children: [
commonText(text: 'Silver (20)', txtSize: 12,fontWeight: FontWeight.w600),
Spacer(),
sB(
h: 20,
w: 15,
child: SvgPicture.asset(Assets.iconsSilverMadel))
],),
sB(h: 8),
LinearProgressIndicator(
backgroundColor: Colors.grey
.withOpacity(0.4),
borderRadius: BorderRadius.circular(
30,
),
color: whiteColor,
minHeight: 10,
value: 100 / 100,
),
sB(h: 8),
Align(
alignment: Alignment.centerLeft,
child: commonText(text: "EARNED", txtSize: 10,fontWeight: FontWeight.w600,color: Colors.yellow)),
sB(h:20),
Row(children: [
commonText(text: 'Gold (24)', txtSize: 12,fontWeight:  FontWeight.w600),
Spacer(),
sB(
h: 20,
w: 15,
child: SvgPicture.asset(Assets.iconsAwardMadel))
],),
sB(h: 8),
LinearProgressIndicator(
backgroundColor: Colors.grey
.withOpacity(0.4),
borderRadius: BorderRadius.circular(
25,
),
color: whiteColor,
minHeight: 10,
value: 100/ 100,
),
sB(h: 8),
Align(
alignment: Alignment.centerLeft,
child: commonText(text: "EARNED", txtSize: 10,fontWeight: FontWeight.w600,color: Colors.yellow)),
],),
),
),
],),
),
),
sB(h: 24),
Container(
width: double.infinity,
decoration: BoxDecoration(
color: whiteColor.withOpacity(0.1),
border: Border.all(color: whiteColor.withOpacity(0.4)),
borderRadius: BorderRadius.circular(20),
),
child: Padding(
padding: const EdgeInsets.all(20.0),
child: Column(children: [
Row(
children: [
SvgPicture.asset(Assets.iconsStreakAwards),
sB(w: 8),
commonText(text: "Streak Awards", txtSize: 18,fontWeight: FontWeight.w700)
],),
sB(w: 6),
Align( alignment: Alignment.centerLeft,
child: commonText(text: 'Consecutive correct answers', txtSize: 14,color: textColor2)),
sB(h: 26),
commonText(text: Current_Reward, txtSize: 14,fontWeight: FontWeight.bold,color: yellowColor),
sB(h: 24),
sB(
w: 82.24198913574219,
h: 80,
child: Stack(
children: [
Image.asset(Assets.imagesAwardStar,fit: BoxFit.cover,),
Positioned(
bottom: 25,
right: 34.12,
child: commonText(text: "2", txtSize: 22,fontWeight: FontWeight.w700,color: Color(0xFF61615C)))
],
)),
sB(h: 16),
commonText(text: '22 streak', txtSize: 20,fontWeight: FontWeight.bold),
sB(h: 6),
commonText(text: 'Current consecutive correct', txtSize: 14,color: textColor2),
sB(h: 24),
Container(width: double.infinity,
decoration: BoxDecoration(color: whiteColor.withOpacity(0.15),
borderRadius: BorderRadius.circular(8),
),
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(children: [
Row(children: [
commonText(text: 'Bronze (10)', txtSize: 12,fontWeight: FontWeight.w600),
Spacer(),
sB(
h: 20,
w: 15,
child: Image.asset(Assets.imagesBronzStar))
],),
sB(h: 8),
LinearProgressIndicator(
backgroundColor: Colors.grey
.withOpacity(0.4),
borderRadius: BorderRadius.circular(
30,
),
color: whiteColor,
minHeight: 10,
value: 100 / 100,
),
sB(h: 8),
Align(
alignment: Alignment.centerLeft,
child: commonText(text: "EARNED", txtSize: 10,fontWeight: FontWeight.w600,color: Colors.yellow)),
sB(h:20),
Row(children: [
commonText(text: 'Silver (20)', txtSize: 12,fontWeight: FontWeight.w600),
Spacer(),
sB(
h: 20,
w:  15,
child: Image.asset(Assets.imagesSilverStar))
],),
sB(h: 8),
LinearProgressIndicator(
backgroundColor: Colors.grey
.withOpacity(0.4),
borderRadius: BorderRadius.circular(
30,
),
color: whiteColor,
minHeight: 10,
value: 100 / 100,
),
sB(h: 8),
Align(
alignment: Alignment.centerLeft,
child: commonText(text: "EARNED", txtSize: 10,fontWeight: FontWeight.w600,color: Colors.yellow)),
sB(h:20),
Row(children: [
commonText(text: 'Gold (All)', txtSize: 12,fontWeight: FontWeight.w600),
Spacer(),
sB(
h: 20,
w: 15,
child: Image.asset(Assets.imagesGoldStar))
],),
sB(h: 8),
LinearProgressIndicator(
backgroundColor: Colors.grey
.withOpacity(0.4),
borderRadius: BorderRadius.circular(
25,
),
color: whiteColor,
minHeight: 10,
value: 91/ 100,
),
sB(h: 8),
Align(
alignment: Alignment.centerLeft,
child: commonText(text:'9 points to go', txtSize: 10,fontWeight: FontWeight.w500,)),
sB(h:20),
Row(children: [
commonText(text: 'Shooting Gold star (100)', txtSize: 12,fontWeight: FontWeight.w600),
Spacer(),
sB(
h: 42,
w: 42,
child: Image.asset(Assets.imagesShootingStar))
],),
sB(h: 8),
LinearProgressIndicator(
backgroundColor: Colors.grey
.withOpacity(0.4),
borderRadius: BorderRadius.circular(
25,
),
color: whiteColor,
minHeight: 10,
value: 22/ 100,
),
sB(h: 8),
Align(
alignment: Alignment.centerLeft,
child: commonText(text:'78 points to go', txtSize: 10,fontWeight: FontWeight.w500,)),
],),
),
),
],),
),
),
sB(h: 30)
],
);
}
}
< /code>
2.  Bildschirm < /p>
class LibraryTab extends StatefulWidget{
@override
State createState() =>  libraryTab();
}

class libraryTab extends State{
@override
Widget build(BuildContext context) {
return Column(children: [
Container(
width: double.infinity,
decoration: BoxDecoration(
color: whiteColor.withOpacity(0.1),
border: Border.all(color: whiteColor.withOpacity(0.4)),
borderRadius: BorderRadius.circular(20),
),
child: Padding(
padding: const EdgeInsets.all(20.0),
child: Column(children: [
Row(
children: [
SvgPicture.asset(Assets.iconsWinnerIconOutline),
sB(w: 8),
commonText(text: award_lib, txtSize: 18,fontWeight: FontWeight.w700)
],),
sB(h: 24.5),
Align(
alignment: Alignment.centerLeft,
child: commonText(text: "Trivia Awards", txtSize: 16 ,fontWeight: FontWeight.w700)),
sB(h: 24),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
Column(children: [
SvgPicture.asset(Assets.iconsAwardTrophy),
sB(h: 8),
commonText(text: "18 Times", txtSize: 14,fontWeight: FontWeight.bold,color: yellowColor),
],),
Column(children: [
sB(
h: 67.19178771972656,
w: 49.4698600769043,
child: SvgPicture.asset(Assets.iconsMyAwardSilverTrophy)),
sB(h: 8),
commonText(text: "11 Times", txtSize: 14,fontWeight: FontWeight.bold,color: yellowColor),
],),
Column(children: [
sB(
h: 67.19178771972656,
w: 49.4698600769043,
child: SvgPicture.asset(Assets.iconsMyAwardGoldTrophy)),
sB(h: 8),
commonText(text: "5 Times", txtSize: 14,fontWeight: FontWeight.bold,color: yellowColor),
],),
],),
sB(h: 24),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
Column(children: [
sB(
h: 67.19178771972656,
w: 49.4698600769043,
child: SvgPicture.asset(Assets.iconsBronzMadel)),
sB(h: 8),
commonText(text: "10 Times", txtSize: 14,fontWeight: FontWeight.bold,color: yellowColor),
],),
Column(children: [
sB(
h: 67.19178771972656,
w: 49.4698600769043,
child: SvgPicture.asset(Assets.iconsSilverMadel)),
sB(h: 8),
commonText(text: "16 Times", txtSize: 14,fontWeight: FontWeight.bold,color: yellowColor),
],),
Column(children: [
sB(
h: 67.19178771972656,
w: 49.4698600769043,
child: SvgPicture.asset(Assets.iconsAwardMadel)),
sB(h: 8),
commonText(text: "9 Times", txtSize: 14,fontWeight: FontWeight.bold,color: yellowColor),
],),
],),
sB(h: 24),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
Column(children: [
sB(
h: 67.19178771972656,
w: 49.4698600769043,
child: Image.asset(Assets.imagesBronzStar,fit: BoxFit.contain,)),
sB(h: 8),
commonText(text: "36 Times", txtSize: 14,fontWeight: FontWeight.bold,color: yellowColor),
],),
Column(children: [
sB(
h: 67.19178771972656,
w: 49.4698600769043,
child: Image.asset(Assets.imagesSilverStar,fit: BoxFit.contain)),
sB(h: 8),
commonText(text: "26 Times", txtSize: 14,fontWeight: FontWeight.bold,color: yellowColor),
],),
Column(children: [
sB(
h: 67.19178771972656,
w:  49.4698600769043,
child: Image.asset(Assets.imagesGoldStar,fit: BoxFit.contain)),
sB(h: 8),
commonText(text: "15 Times", txtSize: 14,fontWeight: FontWeight.bold,color: yellowColor),
],),
],),
sB(h: 24),
sB(
h: 85.51171875,
w: 85.51171875,
child: Image.asset(Assets.imagesShootingStar,fit: BoxFit.contain)),
sB(h: 8),
commonText(text: "3 Times", txtSize: 14,fontWeight: FontWeight.bold,color: yellowColor),
sB(h: 28),
Align(
alignment: Alignment.centerLeft,
child: commonText(text: tournamentAward, txtSize: 16,fontWeight: FontWeight.bold)),
sB(h: 24),
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: [
Column(children: [
sB(
h: 40,
w: 40,
child: Image.asset(Assets.imagesMusic,color: yellowColor,)),
sB(h: 12),
commonText(text: "3", txtSize: 14,fontWeight: FontWeight.w700),
sB(h: 4),
commonText(text: musicNotes, txtSize: 12,color: textColor2),
],),
Column(children: [
sB(
h: 40,
w: 40,
child: Image.asset(Assets.imagesMusic2,)),
sB(h: 12),
commonText(text: "2", txtSize: 14,fontWeight: FontWeight.w700),
sB(h: 4),
commonText(text: song, txtSize: 12,color: textColor2),
],),
Column(children: [
sB(
h: 40,
w: 40,
child: Image.asset(Assets.imagesMusic3,)),
sB(h: 12),
commonText(text: "1", txtSize: 14,fontWeight: FontWeight.w700),
sB(h: 4),
commonText(text: album, txtSize: 12,color: textColor2),
],)
],),
sB(h: 28),
Align(
alignment: Alignment.centerLeft,
child: commonText(text: generationLegend, txtSize: 16,fontWeight: FontWeight.bold)),
sB(h: 24),
sB(
w: 65.70098876953125,
h: 70,
child: Image.asset(Assets.imagesGenerationLagend)),
],),
),
),
sB(h: 24),
Container(
width: double.infinity,
decoration: BoxDecoration(
color: whiteColor.withOpacity(0.1),
border: Border.all(color: whiteColor.withOpacity(0.4)),
borderRadius: BorderRadius.circular(20),),
child: Padding(
padding: const EdgeInsets.all(20.0),
child: Column(children: [
Row(children: [
SvgPicture.asset(Assets.iconsHistory),
sB(w: 8),
commonText(text: 'Battle of the Beats', txtSize: 18,fontWeight: FontWeight.bold)
],),
sB(h: 20.5),
LibraryTabTiles(
ImagePath: SvgPicture.asset(Assets.iconsAwardTrophy),
title1: 'Bronze Timed',
subTitel1: '150-200 points',
title2: '187',
subTitel2: 'points',
), sB(h: 12),
LibraryTabTiles(
ImagePath: SvgPicture.asset(Assets.iconsBronzMadel),
title1: 'Bronze Untimed',
subTitel1: '16 correct answers',
title2: '18',
subTitel2: 'correct'
)
],)
)
),
sB(h:24),
Container(
width: double.infinity,
decoration: BoxDecoration(
color: whiteColor.withOpacity(0.1),
border: Border.all(color: whiteColor.withOpacity(0.4)),
borderRadius: BorderRadius.circular(20),),
child: Padding(
padding: const EdgeInsets.all(20.0),
child: Column(children: [
Row(children: [
SvgPicture.asset(Assets.iconsHistory),
sB(w: 8),
commonText(text: 'Hit Track Clash', txtSize: 18,fontWeight: FontWeight.bold)
],),
sB(h:  20.5),
LibraryTabTiles(
ImagePath: SvgPicture.asset(Assets.iconsMyAwardSilverTrophy),
title1: 'Silver Timed ',
subTitel1: '200-250 points',
title2: '234',
subTitel2: 'points',
), sB(h: 12),
LibraryTabTiles(
ImagePath: SvgPicture.asset(Assets.iconsAwardMadel),
title1: 'Gold Untimed',
subTitel1: '24 correct answers',
title2: '24',
subTitel2: 'correct'
)
],)
)
),
sB(h:24),
Container(
width: double.infinity,
decoration: BoxDecoration(
color: whiteColor.withOpacity(0.1),
border: Border.all(color: whiteColor.withOpacity(0.4)),
borderRadius: BorderRadius.circular(20),),
child: Padding(
padding: const EdgeInsets.all(20.0),
child: Column(children: [
Row(children: [
SvgPicture.asset(Assets.iconsHistory),
sB(w: 8),
commonText(text: 'Ultimate Song Face-Off', txtSize: 18,fontWeight: FontWeight.bold)
],),
sB(h: 20.5),
LibraryTabTiles(
ImagePath: SvgPicture.asset(Assets.iconsAwardTrophy),
title1: 'Bronze Timed',
subTitel1: '150-200 points',
title2: '156',
subTitel2: 'points',
), sB(h: 12),
LibraryTabTiles(
ImagePath: SvgPicture.asset(Assets.iconsSilverMadel),
title1: 'Silver Untimed',
subTitel1: '20 correct answers',
title2: '21',
subTitel2: 'correct'
)
],)
)
),
sB(h:24),
]);
}
}