Skip to content

Commit 18a51e4

Browse files
committed
fix overflow issue on about us screen
1 parent f512b90 commit 18a51e4

File tree

1 file changed

+101
-99
lines changed

1 file changed

+101
-99
lines changed

lib/Pages/about_screen.dart

Lines changed: 101 additions & 99 deletions
Original file line numberDiff line numberDiff line change
@@ -12,107 +12,109 @@ class _AboutScreenState extends State<AboutScreen> {
1212
Widget build(BuildContext context) {
1313
return Scaffold(
1414
backgroundColor: ThemeProvider.theme.primaryColor,
15-
body: Padding(
16-
padding: EdgeInsets.all(22.0),
17-
child: Column(
18-
crossAxisAlignment: CrossAxisAlignment.center,
19-
children: [
20-
Container(
21-
width: double.infinity,
22-
),
23-
Image(
24-
key: Key('App icon asset image'),
25-
image: AssetImage(
26-
'assets/images/icon.png',
15+
body: SingleChildScrollView(
16+
child: Padding(
17+
padding: EdgeInsets.all(22.0),
18+
child: Column(
19+
crossAxisAlignment: CrossAxisAlignment.center,
20+
children: [
21+
Container(
22+
width: double.infinity,
2723
),
28-
width: 150,
29-
height: 150,
30-
),
31-
Wrap(
32-
spacing: 10,
33-
runSpacing: 10,
34-
children: [
35-
SvgPicture.network(
36-
'https://img.shields.io/github/v/release/CCExtractor/Flood_Mobile?include_prereleases',
37-
key: Key('release badge key'),
24+
Image(
25+
key: Key('App icon asset image'),
26+
image: AssetImage(
27+
'assets/images/icon.png',
3828
),
39-
SvgPicture.network(
40-
'https://img.shields.io/github/last-commit/CCExtractor/Flood_Mobile?label=commit',
41-
key: Key('commit badge key'),
42-
),
43-
SvgPicture.network(
44-
'https://img.shields.io/github/workflow/status/CCExtractor/Flood_Mobile/Flutter%20CI',
45-
key: Key('build badge key'),
46-
),
47-
SvgPicture.network(
48-
'https://img.shields.io/github/issues/CCExtractor/Flood_Mobile',
49-
key: Key('issues badge key'),
50-
),
51-
SvgPicture.network(
52-
'https://img.shields.io/github/issues-pr/CCExtractor/Flood_Mobile?label=PR',
53-
key: Key('PR badge key'),
54-
)
55-
],
56-
),
57-
SizedBox(
58-
height: 20,
59-
),
60-
Column(
61-
crossAxisAlignment: CrossAxisAlignment.start,
62-
children: [
63-
Text(
64-
'Flood is a monitoring service for various torrent clients. It\'s a Node.js service that communicates with your favorite torrent client and serves a decent mobile UI for administration. This project is based on the original Flood project.',
65-
key: Key('App info text key'),
66-
style: TextStyle(
67-
color: ThemeProvider.theme.textTheme.bodyText1?.color,
68-
fontSize: 15),
69-
),
70-
SizedBox(
71-
height: 20,
72-
),
73-
Text(
74-
'Feedback',
75-
style: TextStyle(
76-
color: ThemeProvider.theme.textTheme.bodyText1?.color,
77-
fontSize: 20,
78-
fontWeight: FontWeight.bold),
79-
),
80-
SizedBox(
81-
height: 10,
82-
),
83-
Text(
84-
'If you have a specific issue or bug, please file a GitHub issue. Please join the Flood Discord server to discuss feature requests and implementation details.',
85-
key: Key('Feedback text key'),
86-
style: TextStyle(
87-
color: ThemeProvider.theme.textTheme.bodyText1?.color,
88-
fontSize: 15),
89-
),
90-
SizedBox(
91-
height: 20,
92-
),
93-
Text(
94-
'More Information',
95-
style: TextStyle(
96-
color: ThemeProvider.theme.textTheme.bodyText1?.color,
97-
fontSize: 20,
98-
fontWeight: FontWeight.bold),
99-
),
100-
SizedBox(
101-
height: 10,
102-
),
103-
Text(
104-
'Check out the Wiki for more information.',
105-
key: Key('More info text key'),
106-
style: TextStyle(
107-
color: ThemeProvider.theme.textTheme.bodyText1?.color,
108-
fontSize: 15),
109-
),
110-
SizedBox(
111-
height: 20,
112-
),
113-
],
114-
)
115-
],
29+
width: 150,
30+
height: 150,
31+
),
32+
Wrap(
33+
spacing: 10,
34+
runSpacing: 10,
35+
children: [
36+
SvgPicture.network(
37+
'https://img.shields.io/github/v/release/CCExtractor/Flood_Mobile?include_prereleases',
38+
key: Key('release badge key'),
39+
),
40+
SvgPicture.network(
41+
'https://img.shields.io/github/last-commit/CCExtractor/Flood_Mobile?label=commit',
42+
key: Key('commit badge key'),
43+
),
44+
SvgPicture.network(
45+
'https://img.shields.io/github/workflow/status/CCExtractor/Flood_Mobile/Flutter%20CI',
46+
key: Key('build badge key'),
47+
),
48+
SvgPicture.network(
49+
'https://img.shields.io/github/issues/CCExtractor/Flood_Mobile',
50+
key: Key('issues badge key'),
51+
),
52+
SvgPicture.network(
53+
'https://img.shields.io/github/issues-pr/CCExtractor/Flood_Mobile?label=PR',
54+
key: Key('PR badge key'),
55+
)
56+
],
57+
),
58+
SizedBox(
59+
height: 20,
60+
),
61+
Column(
62+
crossAxisAlignment: CrossAxisAlignment.start,
63+
children: [
64+
Text(
65+
'Flood is a monitoring service for various torrent clients. It\'s a Node.js service that communicates with your favorite torrent client and serves a decent mobile UI for administration. This project is based on the original Flood project.',
66+
key: Key('App info text key'),
67+
style: TextStyle(
68+
color: ThemeProvider.theme.textTheme.bodyText1?.color,
69+
fontSize: 15),
70+
),
71+
SizedBox(
72+
height: 20,
73+
),
74+
Text(
75+
'Feedback',
76+
style: TextStyle(
77+
color: ThemeProvider.theme.textTheme.bodyText1?.color,
78+
fontSize: 20,
79+
fontWeight: FontWeight.bold),
80+
),
81+
SizedBox(
82+
height: 10,
83+
),
84+
Text(
85+
'If you have a specific issue or bug, please file a GitHub issue. Please join the Flood Discord server to discuss feature requests and implementation details.',
86+
key: Key('Feedback text key'),
87+
style: TextStyle(
88+
color: ThemeProvider.theme.textTheme.bodyText1?.color,
89+
fontSize: 15),
90+
),
91+
SizedBox(
92+
height: 20,
93+
),
94+
Text(
95+
'More Information',
96+
style: TextStyle(
97+
color: ThemeProvider.theme.textTheme.bodyText1?.color,
98+
fontSize: 20,
99+
fontWeight: FontWeight.bold),
100+
),
101+
SizedBox(
102+
height: 10,
103+
),
104+
Text(
105+
'Check out the Wiki for more information.',
106+
key: Key('More info text key'),
107+
style: TextStyle(
108+
color: ThemeProvider.theme.textTheme.bodyText1?.color,
109+
fontSize: 15),
110+
),
111+
SizedBox(
112+
height: 20,
113+
),
114+
],
115+
)
116+
],
117+
),
116118
),
117119
),
118120
);

0 commit comments

Comments
 (0)