flutter.txt

Lecture 5th -->

import 'package:flutter/material.dart';

void main()=> runApp(MaterialApp(
	title:'Flutter App',
	home:Text(' Hope You like this basic app'),													-done
	debugShowCheckedModeBanner:false,
));




Lecture 6th -->

import 'package:flutter/material.dart';

void main()=>runApp(MaterialApp(
	title:'Faizan Application ',
	//home:Text('Welcome to my home page'),
	home:Center(
		child: Text('Welcome to my home page'),													-done
	),
	debugShowCheckedModeBanner:false,
));


Lecture 7th -->

[ 1 ]
import 'package:flutter/material.dart';

void main()=> runApp(MaterialApp(
	title:'Flutter App',
	home:Text(
		' Hope You like this basic app',
		//textAlign:TextAlign.center ,
		textAlign:TextAlign.right ,
		style: TextStyle(fontSize : 60.0,fontWeight:FontWeight.bold),											-done
		overflow:TextOverflow.ellipsis,
	),
	debugShowCheckedModeBanner:false,
));

[ 2 ]

void main()=> runApp(MaterialApp(
	title:'Flutter App',
	home: Text.rich(
		TextSpan(
			text: 'Welcome to',	//default text style
			children: <TextSpan>[
				TextSpan(text: ' faizan app',
					style: TextStyle(
						fontStyle : FontStyle.italic,
						fontSize : 70.0,
						TextSpan(
							text: 'in flutter', 
							style: TextStyle(
								fontStyle : FontStyle.italic,
								fontSize : 70.0,	
							),
						),
					),
				),
			]
		)
	),
	debugShowCheckedModeBanner:false,
));
(fontStyle : FontStyle.italic),
method	property	 value

method in camel case
property in pascal case


8th lecture -->

[ 1 ]

import 'package:flutter/material.dart';
//widget ka phela letter capital hota hi--pascal case, property ka camel case hota h
void main()=>runApp(
	MaterialApp(
		title: 'Flutter Application',
		DebugShowCheckedModeBanner:false,
		home: Scaffold(
			appBar: AppBar(
				title: Text(' faizan Application '),
magic				backgroundColor: Colors.pink,
				centerTitle: true,
				
				//title: Center(
				//	child: Text(' faizan application '),
				//),
			) ,//AppBar
				//body: Text(' Hello Faizan Alam '),											-done
			body: Center(
					child:Text(' faizan ALam' ),
			),
			floatingActionButton : FloatingActionButton(
					child:Text('click'),
					onPressed : () =>{
						print("You click me"),
					},
					tooltip : 'Click Button',
magic					backgroundColor :Colors.green
			) ,
			bottomNavigationBar: BottomAppBar(
					//child: Text(' Bottom Bar ') ,
					child: Container(
						height: 40.0,
						child: Text(' Bottom Bar '),
				),
magic				color:Colors.pink
			),
		), //Scaffold
	),//MaterialApp
);//runApp


AppBar(
tile;Text('faizan' , style: TextStyle(fontFamily: 'Pacifico'),),



10th Lecture-->
 
[ 1 ]

import 'package:flutter/material.dart';
void main()=>(
	MaterialApp(
		title:'Flutter Application ',
		debugShowCheckedModeBanner: false,
		home: Home(),
	),
);

class Home extends StatelessWidget{
	@override
	Widget build(BuildContext context){
		return Scaffold(
			appBar:AppBar(
				title:Text(' Faizan Application '),
				backgroundColor:Colors.black,
			),

magic			//body: Image(
			//	image: NetworkImage(' paste the image address from browser ') ,
			//	height:260,
			//) ,

			//body: Image.network('  paste the image address from browser '),

			body: Image.asset(' asserts/images/1.jpg ', 									-Done
					height: 300,
					width:300 ,
					//fit:BoxFit.cover,
					fit:BoxFit.fill,
				 ),


			floatingActionButton:FloatingActionButton(
				child:Text('Click'),
				onPressed:()=>{
					print("Your pressed me"),
				},
			),
			bottomNavigationBar:BottomAppBar(
				child:Container(
					child:Text('Bottom App Bar'),
				),
			),
		);
	}
}

asserts:
	- asserts/images/1jpg











[ 11 ] lecture -->



import 'package:flutter/material.dart';
void main()=>(
	MaterialApp(
		title:'Flutter Application ',
		debugShowCheckedModeBanner: false,
		home: Home(),
	),
);

class Home extends StatefulWidget{
	@override
	_HomeState createState() => _HomeState();
}


class _HomeState extends State<Home>{
	@override
	Widget build(BuildContext context){
		return Scaffold(														-Done
			appBar:AppBar(
				title:Text(' Faizan Application '),
				backgroundColor:Colors.black,
			),

			body: Container(
				child:Center(
					child: Text(
						"hello World"
						style:TextStyle(color:Colors.white,fontSize:20),
					),
					
				),
				color:Colors.red[300],
				height:200.0,
				width:200.0,
				padding: EdgeInsets.all(10),
				margin: EdgeInsets.all(20),
				//transform: Matrix4.rotationZ(0.2),
				transform: Matrix4.rotationX(0.2),
			),
			
		);
	}
}





[ 13 ]-->lecture

body: Row(
	//mainAxisAlignment: MainAxisAlignment.start,
	mainAxisAlignment: MainAxisAlignment.end,
	//mainAxisAlignment: MainAxisAlignment.spaceAround,
	//mainAxisAlignment: MainAxisAlignment.spaceBetween,
	//mainAxisAlignment: MainAxisAlignment.spaceEvenly,

	crossAxisAlignment :CrossAxisAlignment.start,
	crossAxisAlignment :CrossAxisAlignment.stretch,
	crossAxisAlignment :CrossAxisAlignment.baseline,
	crossAxisAlignment :CrossAxisAlignment.end,

	textDirection: TextDirection.ltr,	
	textDirection:TextDirection.rtl,
	
	children:<Widget>[
	Container(															-Done
		padding:EdgeInsets.all(30), 
		decoration: BoxDecoration(color:Colors.pink),
		child:Text(
			'hello',
			style:TextStyle(
				fontSize:40.0,
				color:Colors.white,
				)
			),
		),
	Container(
		padding:EdgeInsets.all(30), 
		decoration: BoxDecoration(color:Colors.pink),
		child:Text(
			'faizan',
			style:TextStyle(
				fontSize:40.0,
				color:Colors.white,
				)
			),
		),
	Container(
		padding:EdgeInsets.all(30), 
		decoration: BoxDecoration(color:Colors.pink),
		child:Text(
			'Alam',
			style:TextStyle(
				fontSize:40.0,
				color:Colors.white,
				)
			),
		),
	]
),



body: Column(
	 
),







 Expanded(
	flex:1,	//default hai already
	child:Container()
),


lec 18-->
remove the Row part
centerTitle:true

==>

import 'package:flutter/material.dart';

void main()=>runApp(
  MaterialApp(
    title:'Flutter Application',
    debugShowCheckedModeBanner: false,
    home: Home(),
  ),
);

class Home extends StatefulWidget{
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home>{
  var a1 = 'Flutter';
  int _selectedItem = 0;

  void _onTapItem(int index){
    setState(() {
      _selectedItem = index;															-done
    });
  }
  @override
  Widget build(BuildContext context){
    return Scaffold(
      appBar:AppBar(
        title:Text(a1),
        centerTitle:true,
      ),
      bottomNavigationBar:BottomNavigationBar(
        type:BottomNavigationBarType.fixed,
        items:const<BottomNavigationBarItem>[
          BottomNavigationBarItem(icon:Icon(Icons.home),label:'Home'),
          BottomNavigationBarItem(icon:Icon(Icons.search),label:'Search'),
          BottomNavigationBarItem(icon:Icon(Icons.add),label:'Add'),
          BottomNavigationBarItem(icon:Icon(Icons.favorite),label:'Favourite'),
          BottomNavigationBarItem(icon:Icon(Icons.verified_user),label:'Profile'),
        ],
        // currentIndex:2,
        currentIndex:_selectedItem,
        onTap:_onTapItem,
        // selectedFontSize:15,
        selectedItemColor:Colors.red,
      )
    );
  }
}




[ 19 ]-->

import 'package:hello_world/Screens/home_screen.dart';



























MaterialApp(
  theme: ThemeData(
    brightness: Brightness.dark,
    primaryColor: Colors.blueGrey
  ),
  home: Scaffold(
    appBar: AppBar(
      title: const Text('MaterialApp Theme'),
    ),
  ),
)






















#############################################################################################
create a folder in
lib/screens/home_screen.dart




####inside home_screen.dart
import 

class Home extends StatefulWidget {
	@override
	_homeS createState() => _HomeS();
}

class _HomeS extends State<Home>{
	int _selecting = 0;
	void _onTapItem(int index){
	setState((){														- Done
		_selecting = index;
	});
	if( index == 4 ){
		Navigator.pushNamed( context , '/profile' );
	}
}
@override
Widget build(BuildContext context){
		return Scaffold same
	}
}



####inside profile_screen.dart
import 'package:flutter/material.dart';

class Profile extends StatelessWidget {
	return Scaffold(
		appBar:AppBar(
			title: Text('profile'),
		),
		body:Center(
			child:Text('Profile  page'),
		),
	),
}




####inside main.dart
import 'package:hello_world/screens/home_screen.dart';
import 'package:hello_world/screens/about_screen.dart';

void main()=> runApp(MaterialApp(
	title: 'my flutter',
	debugShowCheckedModeBanner:false,
	initialRoute: ' / ',												-Done
	routes: {
		' / ' : (context) => Home(),
		' /about ' : (context) => Profile(),  
		' /notification':(context) => NotificationScreen(),
	},
)
);





[ 21 ] -->Lecture/
//inside appbar
actions:<Widget>[
	IconsButton(onPressed:(){
		//print('heyy');
		Navigator.pushNamed(context, '/notification')	
	}),
	icon:Icon(Icons.add_alert),
]



#####notificaitonScreen
import

class notificaiton extends StatefulWidget{}

class mynotification extends State<notification>{
	@override
	Widget build(BuildContext context){
		return DefaultTabController(
			length: 2,
			child:Scaffold(
				appbar:AppBar(
					title:Text("heelo"),
					bottom:TabBar(
						tabs:<Widget>[
							Tab(
								icon:Icon(Icons.call_missed),		
								text: 'Missed call',
							),
							Tab(
								icon:Icon(Icons.call_received),				-done
								text: 'Recievedcall'
							),
						],
					),
				),
				body: TabbarView(
					chiildren:<Widget>[
						Center(child:Text('missed call here')),
						Center(child:Text('recieved call here')),
					],
				),
			),
		)
	}
}





















appBar:AppBar(
	title:Text('instagram'),
	centerTitle:true,
	actions:<Widget>[
		IconButton(
			onPressed:(){ Navigator.pushNamed(context, '/notification' ), },									-Done
			icon:Icon(Icons.add_alert),
		)
	],
),


inside main.dart //upper wala code home_screen.dart eh aayega

' /notification ': (context)  => NotificationScreen(),

[ 22 ] lecture ==>

appBar:AppBar(
	title:Text('instagram'),
	centerTitle:true,
	actions:<Widget>[
		Stack(
			children:<Widget>[
				IconButton(
					onPressed:(){ NavigatorpushNamed(context, '/notification' ), },
					icon:Icon(Icons.add_alert),
				),												-Done
				Positioned(
					top: 14.0,
					bottom : 10.0,
					left: 12.0
					child: Container( 
						decoration: BoxDecoration( shape:BoxShape.circle , colr )					
						child: Text( '10' ), 
						alignment:Alignment.center.
					),
				),
			],
		),
	],
),










body: Card(
	elevation: 3.0,
	clipBehavior : Clip.antiAlias,
	margin: EdgeInsets.all(10),
	child: Column(
		mainAxisSize:MainAxisSize.min,
		children <Widget>[
			ListTitle(
				leading : Icon(Icons.label),
				title:Text('title '),
				subtitle: Text( 'Sub title ' ),
			),
			Image.asset(
				 ' assets/images/1.jpg',
				height: 200.0,
				width:200.0,
				fit: BoxFit.cover
			 ),
		],
	),
),





[ 24 ] Lecture -->
 Card(
	elevation:3.0,
	clipBehavior:Clip.antiAlias,
	margin:EdgeInsets.all(5),
	child:InkWell(
		onTap: () {
			print(' Card Clicked '),
		},
		splashColor: Colors.red.withAlpha(40),
		child:Column(
			mainAxisSize:MainAxisSize.min,	
			children:<Widget>[
				ListTile:(
					//trailing:icon:(Icons.delete),
					//leading:icon(Icons.label),
					leading:FlutterLogo(),
					title:Text('title'),
					subtitle: Text('sub title'),		
					isTressLine: true
					,//dense:true,
					trailing:Icon(Icons.delete),
				),
				Image.network('http:'),
			],
		),
	),
	
),




[ 26 ] lecture -->

inside notification bar

body: ListView(
	padding:EdgeInsets.all(8.0),
	scrollDirection:Axis.vertical ,  //default
	scrollDirection: Axis.horizontal,
	children:<Widget>[
		Container(
			height:80.0,
			color:Colors.red,
			child:Text(
				'Notification Here',
				style:TextStyle(fontSize:20,),
			),
		),
		Container(
			height:80.0,
			color:Colors.red,
			child:Text(
				'Notification Here',
				style:TextStyle(fontSize:20,),
			),
		),
		Container(
			height:80.0,
			color:Colors.red,
			child:Text(
				'Notification Here',
				style:TextStyle(fontSize:20,),
			),
		),
		Container(
			height:80.0,
			color:Colors.red,
			child:Text(
				'Notification Here',
				style:TextStyle(fontSize:20,),
			),
		),
		Container(
			height:80.0,
			color:Colors.red,
			child:Text(
				'Notification Here',
				style:TextStyle(fontSize:20,),
			),
		),
		Container(
			height:80.0,
			color:Colors.red,
			child:Text(
				'Notification Here',
				style:TextStyle(fontSize:20,),
			),
		),
		Container(
			height:80.0,
			color:Colors.red,
			child:Text(
				'Notification Here',
				style:TextStyle(fontSize:20,),
			),
		),
	],
),




[ 27 ] lecture -->


List _notification = List<String>.generate(5000,(index) => 'notification $index');
@override

Widget build(BuildContext context){
	return DefaultTabController(
		length: 3,
		child: Scaffold(
			appBar:AppBar(
				title:Text('Notification'),
			),
			body: ListView.builder(
				itemCount: _notifications.length, 
				itemBuilder:(context,index){
					return Card(			
						child:ListTile(
							leading: FlutterLogo(),
							title:Text( _notifications[index]),
						);
					),
				},
			),
		),
	),
}









[ 30 ]lecture -->

body: SingleChildScrollView(
	scrollDirection: Axis.vertical,
	child://write form code here,
),



[ 31 ]lecture -->

#####inside homescreen.dart
before body

drawer: DrawerScreen(),		//create a class with drawer screen

#####inside drawer_screen.dart

import 'package:flutter/material.dart';

class DrawerScreen extends StatelessWidget{
	@override
	Widget build(BuildContext context){
		return Container(
			child: Drawer(
				child: ListView(
					padding: EdgeInsets.zero,
					children:<Widget>[
						UserAccountDrawerHeader(
							accountName: Text(' Faizan Alam'),
							accountEmail: Text(' alamf6023@gmail.com '),
							currentAccountPicture: circleAvatar(
								backgroundColor: Colors.blue,
								child:Text( ' F ',style:TextStyle(fontSize:40.0), ),
							) ,
						),
						ListTile(	
							leading: Icon(Icons.account),
							title: Text('Profile'),	
							onTap:(){},					
						),
						ListTile(	
							leading: Icon(Icons.account),
							title: Text('Notification'),	
							onTap:(){},					
						),
						ListTile(	
							leading: Icon(Icons.account),
							title: Text('Setting'),	
							onTap:(){},					
						),
					],
				),
			),
		);
	}
}




















[ 28 ] lecture -->

in profilescreen.dart

return Scaffold(
	appBar:AppBar(
		title:Text(' Profile '),
	),
	body: Padding(
		padding: const EdgeInsets.all(0.8),
		child:Form(
			child: Column(
				crossAxisAlignment: CrossAxisAlignment.start,
				children: <Widget>[
					Padding(
						padding: EdgeInsets.all(0.8),
						child : TextFormField(
							decoration: InputDecoration(
								hintText: 'Enter First Name',	
								labelText: 'First Name ',
								prefixIcon : Icon(
									Icons.person,color: Colors.grey,
									),
								border: OutlineInputBorder(
									borderSide: BorderSide(color:Colors.grey),
									borderRadius: BorderRadius.all(Radius.circular(30.0)),
								),			
							) ,
						),
					),
					Padding(
						padding: EdgeInsets.all(0.8),
						child : TextFormField(
							decoration: InputDecoration(
								hintText: 'Enter Last Name',	
								labelText: 'First Name ',
								prefixIcon : Icon(
									Icons.person,color: Colors.grey,
									),
								border: OutlineInputBorder(
									borderSide: BorderSide(color:Colors.grey),
									borderRadius: BorderRadius.all(Radius.circular(30.0)),
								),			
							) ,
						),
					),
					Padding(
						padding: EdgeInsets.all(0.8),
						child : TextFormField(
							decoration: InputDecoration(
								hintText: 'Enter Email Name',	
								labelText: 'First Name ',
								prefixIcon : Icon(
									Icons.person,color: Colors.grey,
									),
								border: OutlineInputBorder(
									borderSide: BorderSide(color:Colors.grey),
									borderRadius: BorderRadius.all(Radius.circular(30.0)),
								),			
							) ,
						),
					),
					Padding(
						padding: EdgeInsets.all(0.8),
						child : TextFormField(
							decoration: InputDecoration(
								hintText: 'Enter Phone',	
								labelText: 'First Name ',
								prefixIcon : Icon(
									Icons.person,color: Colors.grey,
									),
								border: OutlineInputBorder(
									borderSide: BorderSide(color:Colors.grey),
									borderRadius: BorderRadius.all(Radius.circular(30.0)),
								),			
							) ,
						),
					),
					Padding(
						padding: EdgeInsets.all(0.8),
						child: Container(
							height: 60.0,
							color: Colors.transparent,
							width: MediaQuery.off(context).size.width,
							child: RaisedButton(
								shape: RoundedRectangleBorder(borderRadius: BprderRadius.circular(30.0)),
								child: Text(' Update ',style:TextStyle(color: Colors.white)),
								color: Colors.blue[200],
								onPressed: () {},
							),
						),
					),
					
				],
			),
		),
	),
),




[ 29 ] lecture --> 
https://pub.dev/packages/form_field_validator
import 'package:form_field_validator/form_field_validator.dart';

class profile extends StatefulWidget{
	@overide
	profilestate createState() => profileState();
}

class profileState extends State<profile>{
	Map userData = {};
	final _formKey = GlobalKey<FormState>();
	@override
	Widget build(BuildContext context){
		return	Scaffold(
	appBar:AppBar(
		title:Text(' Profile '),
	),
	body: Padding(
		padding: const EdgeInsets.all(0.8),
		child:Form(
magic			key: _formKey,
			child: Column(
				crossAxisAlignment: CrossAxisAlignment.start,
				children: <Widget>[
					Padding(
						padding: EdgeInsets.all(0.8),
						child : TextFormField(
							decoration: InputDecoration(
								hintText: 'Enter First Name',	
								labelText: 'First Name ',
								prefixIcon : Icon(
									Icons.person,color: Colors.grey,
									),
magic							errorStyle: TextStyle(fontSize:50.0),
								border: OutlineInputBorder(
									borderSide: BorderSide(color:Colors.grey),
									borderRadius: BorderRadius.all(Radius.circular(30.0)),
								),			
							) ,
magic							//validator: (value){
							//	if(value.isEmpty){return " Please enter first name " ; }
							//	else if (value.length < 5){return  " please enter atleast 5 number " ; }
							//	return null ;
							//}


							
							validator: MultiValidator([
								RequiredValidator(errorText: " Please enter first name "),
								MinLengthValidator(5, errorText: "first name should be atleast 5 character" ),
								EmailValidator(errorText: 'enter a valid email address') 
								PatternValidator(r` (^[0,9]{10}$)`, errorText: " please enter valid number ")								
							]),
						),
					),
					Padding(
						padding: EdgeInsets.all(0.8),
						child : TextFormField(
							decoration: InputDecoration(
								hintText: 'Enter Last Name',	
								labelText: 'First Name ',
								prefixIcon : Icon(
									Icons.person,color: Colors.grey,
									),
								border: OutlineInputBorder(
									borderSide: BorderSide(color:Colors.grey),
									borderRadius: BorderRadius.all(Radius.circular(30.0)),
								),			
							) ,
						),
					),
					Padding(
						padding: EdgeInsets.all(0.8),
						child : TextFormField(
							decoration: InputDecoration(
								hintText: 'Enter Email Name',	
								labelText: 'First Name ',
								prefixIcon : Icon(
									Icons.person,color: Colors.grey,
									),
								border: OutlineInputBorder(
									borderSide: BorderSide(color:Colors.grey),
									borderRadius: BorderRadius.all(Radius.circular(30.0)),
								),			
							) ,
						),
					),
					Padding(
						padding: EdgeInsets.all(0.8),
						child : TextFormField(
							decoration: InputDecoration(
								hintText: 'Enter Phone',	
								labelText: 'First Name ',
								prefixIcon : Icon(
									Icons.person,color: Colors.grey,
									),
								border: OutlineInputBorder(
									borderSide: BorderSide(color:Colors.grey),
									borderRadius: BorderRadius.all(Radius.circular(30.0)),
								),			
							) ,
						),
					),
					Padding(
						padding: EdgeInsets.all(0.8),
						child: Container(
							height: 60.0,
							color: Colors.transparent,
							width: MediaQuery.off(context).size.width,
							child: RaisedButton(
								shape: RoundedRectangleBorder(borderRadius: BprderRadius.circular(30.0)),
								child: Text(' Update ',style:TextStyle(color: Colors.white)),
								color: Colors.blue[200],
								onPressed: () {
magic									if(_formKey.currentState.validate()){print(' Form Submitted ')}
								},
							),
						),
					),
					
				],
			),
		),
	),
),

	}
}


go to pub.ymal
in dependencies 
 
form_field_validator: ^1.1.0











#List of data

List<String> quotes = [
	'be strong and healthy',
	'i have everything but i dont show',
	'trurth is truth accept it '
];

body:Column(
	children:quotes.map((quote) => Text(quote)).toList(),
)


Scaffold(
	appBar:AppBar(
		elevation:0.0,
	),
	body:Padding(
		padding:EdgeInsets.fromLTRB( 30.0 , 40.0 , 90.0 , 0.0 ),
		child:Column(
			crossAxisAlignment:CrossAxisAlignment.center,
			children:<Widget>[
				Center(
					child:CircleAvatar(
						backgroundImage: AssetImage('assets/thumb.jpg'),
						radius:40.0,
					),
				),	
				Divider(
					height: 60.0,
					color:Colors.grey
				),
				Text(
					" Name ",
					style:TextStyle(
						color:,
						letterSpacing:2.0,
					),
				),
				SizedBox(height:10.0),
				Text(
					"Faizan Alam",
					style:TextStyle(
						color:, fontSize,  fontWeight
						letterSpacing:2.0,
					),
				),
				SizedBox(height:10.0),
				Text(
					" Skill ",
					style:TextStyle(
						color:,
						letterSpacing:2.0,
					),
				),
				SizedBox(height:10.0),
				Text(
					" App and Web Developer ",
					style:TextStyle(
						color:, fontSize,  fontWeight
						letterSpacing:2.0,
					),
				),
				SizedBox(height:10.0),
				Row(
					children:<Widget>[
						Icon(	
							Icons.email,
							color:Colors.white
						),
						SizedBox( width :10.0),
						 Text(
							'alamf6023@gmail.com',
							style:TextStyle(
								color, fontSize, letterSpacing
							),
						),
					],
				),
			],
		),
	),
)



custom navbar

body:Padding(
	padding:EdgeInsets.all(0.8),
	child:Column(
		children:[
			height:45,
			decoration:BoxDecoration(
				color:Colors.grey[400],
				borderRadius:BorderRadius.circular(25.0)
			),
			child: const TabBar(
				indicator: BoxDecoration(
					color:Colors.green,
					borderRadius:BorderRadius.circular(25.0)
				) ,
				labelColor: Colors.white,
				unselectedLabelColor:Colors.black
				tabs:[
					Tab( text : 'chats'),
					Tab( text : 'status '),
					Tab( text : 'call'),
					Tab( text : 'setting'),
				]
			)
		]
	),
	const Expanded(
		child: TabBarView(
			children:[
				Center(child:Text(' page ')),
				Center(child:Text(' page ')),
				Center(child:Text(' page ')),
				Center(child:Text(' page ')),
			]
		)
	)
)




inside splashscreen

class Splash extends StatefulWidget{}

class mysplash extends State<Splash>{
	
	@override
	void initState(){
		super.initState();
		Timer( Duration ( seconds: 5 ) , () {
			Navigator.pushReplacement (
				 context ,
				MaterialPageRoute(
				builder: (context) => DashBoardScreen(),
				)
			);
		})
	}
	


	@override
	Widget build(){
		return Scaffol();
	}
}



####passing data from one to other screen####
import 'package:flutter/material.dart';

void main()=>runApp(
  MaterialApp(
    debugShowCheckedModeBanner: false,
    home :Home(),
  )
);

class Home extends StatefulWidget{
  @override
  _home createState()=> _home();
}

class _home extends State<Home>{

  var nameController = TextEditingController();

  @override
  Widget build(BuildContext context){
    return Scaffold(
      body:Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Center(
            child:TextField(
              controller: nameController,
            ),
          ),
          ElevatedButton(
            child:Text('Submit'),
            onPressed:()=>{
              Navigator.push(context,MaterialPageRoute(
                builder:(context) => Profile(nameController.text.toString(),)
              ))
            }
          ),
        ],
      )
    );
  }
}

class Profile extends StatelessWidget{
  var nameFromHome;
  Profile(this.nameFromHome);
  @override
  Widget build(BuildContext context){
    return Scaffold(
      body:Container(
        child:Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Center(child: Text("Welcome $nameFromHome")),
          ],
        )
      )
    );
  }
}



###########auto commplete text########################
import 'package:flutter/material.dart';

void main() => runApp(const AutocompleteExampleApp());

class AutocompleteExampleApp extends StatelessWidget {
  const AutocompleteExampleApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Autocomplete Basic'),
        ),
        body: const Center(
          child: AutocompleteBasicExample(),
        ),
      ),
    );
  }
}

class AutocompleteBasicExample extends StatelessWidget {
  const AutocompleteBasicExample({super.key});

  static const List<String> _kOptions = <String>[
    'faizan',
    'aneeza',
    'giridhar',
    'farhan',
    'asad',
    'wase',
    'aman',
    'taushar',
    'txusif',
    'zaid',
    'auwaise',
    'shubham',
    'saad',
    'abhay',
    'ibrahim',
    'zoef',
    'arshad',
    'rupesh',
    'adnan',
    
  ];

  @override
  Widget build(BuildContext context) {
    return Autocomplete<String>(
      optionsBuilder: (TextEditingValue textEditingValue) {
        if (textEditingValue.text == '') {
          return const Iterable<String>.empty();
        }
        return _kOptions.where((String option) {
          return option.contains(textEditingValue.text.toLowerCase());
        });
      },
      onSelected: (String selection) {
        debugPrint('You just selected $selection');
      },
    );
  }
}

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'My App',
      theme: ThemeData(
        primarySwatch: Colors.purple,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _currentIndex = 0;

  final List<Widget> _children = [
    HomePage(),
    SearchPage(),
    ProfilePage(),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('My App'),
      ),
      body: _children[_currentIndex],
      bottomNavigationBar: BottomNavigationBar(
        onTap: onTabTapped,
        currentIndex: _currentIndex,
        items: [
          BottomNavigationBarItem(
            icon: new Icon(Icons.home),
            label: 'Home',
          ),
          BottomNavigationBarItem(
            icon: new Icon(Icons.search),
            label: 'Search',
          ),
          BottomNavigationBarItem(
            icon: new Icon(Icons.person),
            label:  'Profile',
          )
        ],
      ),
    );
  }

  void onTabTapped(int index) {
    setState(() {
      _currentIndex = index;
    });
  }
}

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Text('Home Page'),
    );
  }
}

class SearchPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Text('Search Page'),
    );
  }
}

class ProfilePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Text('Profile Page'),
    );
  }
}

decoration: BoxDecoration(
	width:150,
	height:150,
	decoration: BoxDecoration(
		color:Colors.bluegrey,
		borderRadius: BorderRadius.circular(20),
		borderRadius: BorderRadius.only(topLeft : Radius.circular(20), bottomRight: Radius.circular(50)),
		BorderRadius.all(20),
		
		border: Border.all(
			width:2,
			color:Colors.white,	
		),
		boxShadow : [
			BoxShadow(
				blurRadius: 11,
				color: Colors.grey,
				spreadRadius: 7,
			),
		],
	
		shape: BoxShape.circle
	),
)




var arrNames = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z']


body:ListView.builder(itemBuilder: (context, index){	
	return Text(arrNames[index] );
	},
	itemCount : arrNames.length,
	itemExtends: 100,
})

body:ListView.seprated(itemBuilder: (context, index){	
	return Text(arrNames[index] );
	},
	itemCount : arrNames.length,
	sepratedBuilder: (context, index){
		return Divider(height: 50, thinkness: 2, );
	}
})