Skip to main content

Posts

Flutter Development (Day-09): In this post we are going to talk about some interesting topics in Flutter like  How to use Custom fonts  and Custom Icons in Flutter . How to use Themes and change the Theme across different screens and finally How to change the view of  the Screen based on Orientation like (portrait,LandScape). All source code :  Click Here . lib/main.dart: import 'package:allaboutflutterblog/tuts/customFonts.dart'; import 'package:flutter/material.dart'; void main() {   runApp(     MaterialApp(       home: CustomFonts(),       debugShowCheckedModeBanner: false,       theme: ThemeData(         fontFamily: "Montserrat",         brightness: Brightness.dark,       ),     ),   ); } import 'package:flutter/material.dart'; import 'package:font_awesome_flutter/font_awesome_flutter...
Flutter Development (Day -08): All source code :  Click Here .  In this post we are going to discuss more things which Flutter offers us to do in any app. This post will be taught about showing SnackBars , Material Drawer   , Card Widget , Swipe To Dismiss and finally how to write a concise code by using separate Functional Widgets and lot more will be soon......     Example here: lib/main.dart:  import 'package:flutter/material.dart'; class SwipeToDismissEx extends StatefulWidget {   @override   _SwipeToDismissExState createState() => _SwipeToDismissExState(); } class _SwipeToDismissExState extends State<SwipeToDismissEx> { // Automatically generate a list of 50 items.   List _items = List.generate(50, (i) => i + 1);   @override   Widget build(BuildContext context) {     return Scaffold( // Showing the Material Drawer       drawer: _showDrawer(),   ...
Flutter Development (Day -07): All source code : Click Here Today we are going to talk more about lists and its types. Lists are very important in any field like if we want to return large amount of data we can't assing every single value to a String variable and display it is a tedious task to do , but Flutter makes it easy for us just wrap the list in a ListView widget then it is ready. Types of Lists. 1. Horizontal List 2. Vertical List 3. Grid List Horizontal List: Same as returning the ListView in previous tutorials just add a property scrollDirection:Axis.horizontal. Vertical List: We already discussed in our previous tutorials. Grid List: Sometimes you might want to display your items as a grid rather than a normal list of items that come one after the next. For this task, use the GridView widget. Ex. import 'Package:flutter/material.dart'; import 'package:random_color/random_color.dart'; class WorkingW...
Flutter Development (Day -06) In this blog we are going to discuss about Network data that how to get the data form the network in the form of Json. All source code :  Click Here . lib/main.dart: import 'package:allaboutflutterblog/tuts/http_networking.dart'; import 'package:flutter/material.dart'; void main() {   runApp(     MaterialApp(       home: HttpNetworking(),       debugShowCheckedModeBanner: false,       // Showing the Themes we will talk themes in later part of the tutorial       theme: ThemeData(         primaryColor: Colors.red,         primarySwatch: Colors.blue,       ),     ),   ); } import 'package:flutter/material.dart'; import 'package:http/http.dart' as http; import 'dart:convert'; import 'dart:async'; class HttpNetworking extends StatefulWidget {   @override   _HttpNetwo...
Flutter Development (Day - 05) In this post we are going to talk about Tabs and Forms. Here is the Sample code with Explanation in the form of comments (//).     All source code :  Click Here .       lib/main.dart: import 'package:allaboutflutterblog/tuts/tabs_forms.dart'; import 'package:flutter/material.dart'; void main() {   runApp(     MaterialApp(       home: TabsForms(),       debugShowCheckedModeBanner: false,              theme: ThemeData(         primaryColor: Colors.red,         primarySwatch: Colors.blue,       ),     ),   ); } import 'package:flutter/material.dart'; class TabsForms extends StatefulWidget {   @override   _TabsFormsState createState() => _TabsFormsState(); } class _TabsFormsState extends State...
Flutter Development (Day-04): This is the fifth post from this blog.In this post we are going to discuss about basic Navigation between screens like Intent in android. All source code :  Click Here . lib/main.dart: import 'package:allaboutflutterblog/tuts/navigation.dart'; import 'package:flutter/material.dart'; void main() {   runApp(     MaterialApp(       home: FirstScreen(),       debugShowCheckedModeBanner: false,     ),   ); } import 'package:flutter/material.dart'; class FirstScreen extends StatelessWidget {   @override   Widget build(BuildContext context) {     return Scaffold(       appBar: AppBar(         title: Text("Navigation Example"),       ),       body: Container(         alignment: Alignment.center,         child: FlatButton(     ...