Flutter

  Design Timeline Page using Flutter Final Code: import 'package:flutter/cupertino.dart' ; import 'package:flutter/gestures.dart' ; import 'package:flutter/material.dart' ; class Timeline_Page extends StatefulWidget{ Timeline_PageState createState()=> Timeline_PageState (); } class Timeline_PageState extends State<Timeline_Page>{ @override Widget build(BuildContext context) { return DefaultTabController ( initialIndex: 0 , // default is 0 length: 4 , // Number of Tabs child: Scaffold ( appBar: AppBar (title: Text ( "joe_root" ), backgroundColor: Colors. indigoAccent , actions: [ IconButton ( icon: Icon (Icons. send_outlined ,), onPressed: ()=>{})],), body: SingleChildScrollView ( child: Column ( crossAxisAlignment: CrossAxisAlignment. start , mainAxisSize: MainAxisSize. max , children: [ SizedBox ...

   Adding TabBarView & TabBar in Flutter using DefaultTabController Import it Now in your Dart code, you can use: import 'package:flutter/gestures .dart ' ;          //for drag gesture Three Simple Steps: 1. Remember to add DefaultTabController before Scaffold: class Timeline_PageState extends State<Timeline_Page>{ @override Widget build(BuildContext context) { return DefaultTabController ( initialIndex: 0 , // default is 0 length: 4 , // Number of Tabs      ); } } 2. TabBar Code: Container (color:Colors. grey . shade100 ,     //TAB_BAR Inside a Container height: 50 , child: TabBar (labelColor: Colors. black , tabs: [ Tab (text: 'About' , icon: Icon (Icons. account_box_outlined , color: Colors. indigo ,), iconMargin: EdgeInsets . only (bottom: 0.0 ),...

  Adding Audio/Sound in Flutter First, Add dependencies: dependencies: audioplayers: ^0.18.3 Now, run an implicit dart pub get . Note: Install the latest version. Import it Now in your Dart code, you can use: import 'package:audioplayers/audioplayers.dart ' ; import 'package:audioplayers/audio_cache .dart ' ; Play  Sound/Audio after you open the app : AudioPlayer advancedPlayer ; Future loadMusic() async {      advancedPlayer = await AudioCache ().loop( "filename.mp3" );     //to play audio in a loop                    // OR      advancedPlayer = await AudioCache ().play( "filename.mp3" );    //to play audio once } @override void initState() {      loadMusic();      super .initState(); } To Stop  Sound/Audio : Future stopp(){          //created stopp() function to stop playing audio a...

Retrieving Data Using DocumentSnapshot Retrieve Data Stored in a map in firebase First, Add dependencies: dependencies: cloud_firestore: ^1.0.7 Now, run an implicit dart pub get . Note: Install the latest version. Import it Now in your Dart code, you can use: import 'package:cloud_firestore/cloud_firestore.dart' ; Now in your Dart code: DocumentSnapshot documentSnapshot = await FirebaseFirestore. instance .collection( 'Collection_Name' ).doc( 'Document_Id' ).get(); Also, to get data length use: int dataLength = documentSnapshot.data(). length ; To get data of a single map: List<String> dataList = documentSnapshot['key'].toString(); For queries or any other help related to flutter or dart feel free to ask in the comments😊

  1. backgroundColor : It is used to set the specified colour in the background of any material widget. Type: Color Example:      backgroundColor:  Colors.white      backgroundColor: Colors.indigoAccent.shade400 2. borderRadius : The corners of the box are rounded by this BorderRadius.It applies only to boxes with rectangular shapes; ignored if the shape is not BoxShape.rectangle. Type: BorderRadiusGeometry Example:      borderRadius: BorderRadius.circular(8.0) 3. border : A border to draw above the background color, gradient, or image. Type: BoxBorder Example:      border: Border.all(color: Colors.grey,width: 4,style: BorderStyle.solid)

  1.  child :  This can hold any one of the widgets in flutter (such as Text, Column, Row, Container, Center, etc).  To layout multiple widgets , let this widget's child be a widget such as Row, Column, or Stack, which have a children property, and then provide the children to that widget. Type: Widget Syntax:

  1.  margin :  To define empty space to surround the decoration and child . Type: EdgeInsetsGeometry Example:  margin: EdgeInsets.fromLTRB(10,5,6,10) margin: EdgeInsets.all(20.0)

  1.  trailing :   A widget to display after the title. Typically an Icon widget. Type: Widget Syntax:     trailing: widget() Example:        trailing: Icon(Icons. add )

  1. leading :   A widget to display before the toolbar's title. Maybe an Icon or a CircleAvatar widget. Type: Widget Syntax:      leading:  widget Example:        leading:  Icon(Icons. person )               

  1. appBar :   An app bar to display at the top of the scaffold. Type: PreferredSizeWidget Example:  appBar: AppBar(title: Text("Title"))

1. elevation :  This controls the size of the shadow below the widget. If that's null, the default value is 1.0. Type: double Example: elevation: 30.0