Scribd
Upload
1 views8 pages

Flutter Final Code

The document is a Flutter application consisting of four screens, each with distinct content and navigation features. Each screen includes a background color, text descriptions, images, and buttons for navigation to other screens. The app aims to provide information about events, collaboration, learning, and connecting with peers.

Uploaded by

Palak
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
1 views8 pages

Flutter Final Code

The document is a Flutter application consisting of four screens, each with distinct content and navigation features. Each screen includes a background color, text descriptions, images, and buttons for navigation to other screens. The app aims to provide information about events, collaboration, learning, and connecting with peers.

Uploaded by

Palak
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 8

import 'package:flutter/material.

dart';

void main() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {


@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Screen1(),
);
}
}

class Screen1 extends StatelessWidget {


@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Color(0xFFF0CF69), // Set background color

body: Stack(
// Use Stack for positioning
children: [
// Column for main content
Column(
children: [
// Container for both texts with top padding
Padding(
padding:
EdgeInsets.fromLTRB(80.0, 80.0, 80.0, 0.0), // Add padding
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start, // Align text to left
children: [
// Bold text
Text(
'Dive into Events!',
style: TextStyle(
fontSize: 25.0,
color: Colors.white,
fontWeight: FontWeight.bold,
fontFamily: 'Mulish', // Make text bold
),
),
SizedBox(height: 5.0),

Text(
'Here, you’ll find all the ongoing live events and their
registration details. Let’s dive in!', // Replace with your desired text
style: TextStyle(
fontSize: 20.0,
color: Colors.white,
),
),
Image.asset(
'assets/Pic_1.png'), // Replace with your image path
],
),
),
SizedBox(height: 20),
],
),

Positioned(
bottom: 20.0,
left: 20.0,
child: Row(
// Use Row for horizontal arrangement
children: [
Image.asset(
'assets/Navigation.png', // Replace with your image path
width: 50.0,
height: 50.0,
),
SizedBox(width: 10.0), // Add some horizontal spacing
TextButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => Screen4()),
);
},
child: Text(
'Skip',
style: TextStyle(
fontSize: 16.0,
color: Colors.white,
),
),
),
],
),
),
],
),

floatingActionButton: FloatingActionButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => Screen2()),
);
},
child: Image.asset(
'assets/Loader.png',
width: 90,
height: 90,
),
backgroundColor: Colors.transparent, // Make the button transparent
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(50), // Remove shadow
),
),
);
}
}

class Screen2 extends StatelessWidget {


@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Color(0xFFB7ABFC), // Set background color

body: Stack(
children: [
Column(
children: [
Padding(
padding:
EdgeInsets.fromLTRB(80.0, 80.0, 80.0, 0.0), // Add padding
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start, // Align text to left
children: [
// Bold text
Text(
'Join, Collaborate & Track Progress!',
style: TextStyle(
fontSize: 25.0,
color: Colors.white,
fontWeight: FontWeight.bold,
fontFamily: 'Mulish', // Make text bold
),
),
SizedBox(height: 5.0),

Text(
'Dive into upcoming recuitment and ongoing interview, join
forces with like-minded peers, and track your team’s formation progress.', //
Replace with your desired text
style: TextStyle(
fontSize: 20.0,
color: Colors.white,
),
),
Image.asset(
'assets/Saly-10.png'), // Replace with your image path
],
),
),
SizedBox(height: 20),
],
),
Positioned(
bottom: 20.0,
left: 20.0,
child: Row(
// Use Row for horizontal arrangement
children: [
Image.asset(
'assets/Navigation(1).png', // Replace with your image path
width: 50.0,
height: 50.0,
),
SizedBox(width: 10.0), // Add some horizontal spacing
TextButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => Screen4()),
);
},
child: Text(
'Skip',
style: TextStyle(
fontSize: 16.0,
color: Colors.white,
),
),
),
],
),
),
],
),

floatingActionButton: FloatingActionButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => Screen3()),
);
},
child: Image.asset(
'assets/Loader(1).png',
width: 90,
height: 90,
),
backgroundColor: Colors.transparent, // Make the button transparent
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(50), // Remove shadow
),
),
);
}
}

class Screen3 extends StatelessWidget {


@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Color(0xFFEFB491), // Set background color

body: Stack(
// Use Stack for positioning
children: [
// Column for main content
Column(
children: [
// Container for both texts with top padding
Padding(
padding:
EdgeInsets.fromLTRB(80.0, 80.0, 80.0, 0.0), // Add padding
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start, // Align text to left
children: [
// Bold text
Text(
'Learn Together!',
style: TextStyle(
fontSize: 25.0,
color: Colors.white,
fontWeight: FontWeight.bold,
fontFamily: 'Mulish', // Make text bold
),
),
SizedBox(height: 5.0),

Text(
'Explore books for purchase, rent, or sale, and connect with
friends through video and audio calls.',
style: TextStyle(
fontSize: 20.0,
color: Colors.white,
),
),
Image.asset(
'assets/Saly-16.png'), // Replace with your image path
],
),
),
SizedBox(height: 20),
],
),

Positioned(
bottom: 20.0,
left: 20.0,
child: Row(
// Use Row for horizontal arrangement
children: [
Image.asset(
'assets/Navigation(2).png', // Replace with your image path
width: 50.0,
height: 50.0,
),
SizedBox(width: 10.0), // Add some horizontal spacing
TextButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => Screen4()),
);
},
child: Text(
'Skip',
style: TextStyle(
fontSize: 16.0,
color: Colors.white,
),
),
),
],
),
),
],
),

floatingActionButton: FloatingActionButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => Screen4()),
);
},
child: Image.asset(
'assets/Loader(2).png',
width: 90,
height: 90,
),
backgroundColor: Colors.transparent,
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(50), // Remove shadow
),
),
);
}
}

class Screen4 extends StatelessWidget {


@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Color(0xFF95B6FF),
body: Stack(
children: [
Column(
children: [
Padding(
padding:
EdgeInsets.fromLTRB(80.0, 80.0, 80.0, 0.0), // Add padding
child: Column(
crossAxisAlignment:
CrossAxisAlignment.start, // Align text to left
children: [
// Bold text
Text(
'Mate Finder: Connect Through Shared Interests!',
style: TextStyle(
fontSize: 25.0,
color: Colors.white,
fontWeight: FontWeight.bold,
fontFamily: 'Mulish', // Make text bold
),
),
SizedBox(height: 5.0),

Text(
'Connect with students who share the same similarity as you
and build meaningful relationships.',
style: TextStyle(
fontSize: 20.0,
color: Colors.white,
),
),
Image.asset(
'assets/Saly-14.png'), // Replace with your image path
],
),
),
SizedBox(height: 20),
],
),
Positioned(
bottom: 20.0,
left: 20.0,
child: Row(
// Use Row for horizontal arrangement
children: [
Image.asset(
'assets/Navigation(3).png', // Replace with your image path
width: 50.0,
height: 50.0,
),
SizedBox(width: 10.0), // Add some horizontal spacing
TextButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => Screen4()),
);
},
child: Text(
'',
style: TextStyle(
fontSize: 16.0,
color: Colors.white,
),
),
),
],
),
),
],
),
floatingActionButton: FloatingActionButton(
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => Screen4()),
);
},
child: Image.asset(
'assets/Loader(3).png',
width: 90,
height: 90,
),
backgroundColor: Colors.transparent, // Make the button transparent
elevation: 0,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(50), // Remove shadow
),
),
);
}
}

You might also like