Fixing splash Screen landscape design

updates_new
hussam al-habibeh 4 years ago
parent 362def99f0
commit b354934ba3

@ -34,9 +34,13 @@ class _SplashScreenPageState extends State<SplashScreenPage> {
body: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment(1.0,0.0),
end: Alignment(-0.0, 0.0), // 10% of the width, so there are ten blinds.
colors: [const Color(0xFF1BB0B8), const Color(0xFF44BFBB)],//[const Color(0xff30B7B9), const Color(0xff3AB2AD)], // whitish to gray
begin: Alignment(1.0, 0.0),
end: Alignment(
-0.0, 0.0), // 10% of the width, so there are ten blinds.
colors: [
const Color(0xFF1BB0B8),
const Color(0xFF44BFBB)
], //[const Color(0xff30B7B9), const Color(0xff3AB2AD)], // whitish to gray
tileMode: TileMode.clamp, // repeats the gradient over the canvas
),
),
@ -45,19 +49,25 @@ class _SplashScreenPageState extends State<SplashScreenPage> {
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
FractionallySizedBox(
widthFactor: 0.80,
widthFactor: 0.89,
child: Column(
children: <Widget>[
SizedBox(
height: 200,
height: MediaQuery.of(context).orientation ==
Orientation.portrait
? 200
: 50,
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Container(
child: Icon(
DriverApp.logo,
size: 120,
size: MediaQuery.of(context).orientation ==
Orientation.portrait
? 120
: 70,
color: Colors.white,
),
margin: EdgeInsets.only(
@ -65,42 +75,64 @@ class _SplashScreenPageState extends State<SplashScreenPage> {
? 0
: MediaQuery.of(context).size.width * 0.20,
left: !projectViewModel.isArabic
? 0
? MediaQuery.of(context).orientation ==
Orientation.landscape
? MediaQuery.of(context).size.width * 0.13
: MediaQuery.of(context).size.width * 0.0
: MediaQuery.of(context).size.width * 0.10),
),
],
),
SizedBox(
height: 20,
height: MediaQuery.of(context).orientation ==
Orientation.portrait
? 20
: 15,
),
Column(
children: <Widget>[
Text(
"Driver",
style: TextStyle(
fontSize: 70,
fontSize: MediaQuery.of(context).orientation ==
Orientation.portrait
? 70
: 35,
fontWeight: FontWeight.bold,
color: Colors.white),
),
Text(
"Delivery",
style: TextStyle(
fontSize: 50,
fontSize: MediaQuery.of(context).orientation ==
Orientation.portrait
? 50
: 25,
letterSpacing: 1,
color: Colors.white),
),
Text(
"APP",
style: TextStyle(
fontSize: 53,
letterSpacing: 53,
fontSize: MediaQuery.of(context).orientation ==
Orientation.portrait
? 53
: 21,
letterSpacing:
MediaQuery.of(context).orientation ==
Orientation.portrait
? 53
: 27,
color: Colors.white,
fontWeight: FontWeight.w400),
),
],
),
SizedBox(
height: 100,
height: MediaQuery.of(context).orientation ==
Orientation.portrait
? 100
: 50,
)
],
),
@ -129,7 +161,10 @@ class _SplashScreenPageState extends State<SplashScreenPage> {
),
),
SizedBox(
height: 10,
height: MediaQuery.of(context).orientation ==
Orientation.portrait
? 10
: 5,
)
],
),

Loading…
Cancel
Save