Posts

Showing posts with the label Flutter

How To Create Flutter Card With Example Code

Image
This is a collection of Cards written in Flutter. A card is a sheet of Material used to represent some related information, for example an album, a geographical location, a meal, contact details, etc. Here are some cards that you can use for reference if you are just getting started in flutter but you don't know how to create a flutter card. Just copy paste the code and modify based on your need. 1. A simple flutter card example import 'dart:async'; import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatformDensity, ), home: MyHomePage(title: 'Flutter Demo Home Page'), ); } } class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : ...

Flutter AppBar, With Icon, Title and Actions Link

Image
Flutter AppBar Skeleton It is very common to have AppBar in mobile apps, most mobile apps have app bar. AppBar or top App Bars is a collection of widget located at the top of the app, for wrapping our app's title, icon and action link. This app bar will work the same looks, style both in Android and IOS. Basically almost everything will work the same, Flutter is cross platform mobile app Framework. Here's example code of AppBar in Flutter with icon, title and action: import 'package:flutter/material.dart'; void main() { runApp(new MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( title: 'Generated App', theme: new ThemeData( primarySwatch: Colors.blue, primaryColor: const Color(0xFF2196f3), accentColor: const Color(0xFF2196f3), canvasColor: const Color(0xFFfafafa), ), home: new MyHomePage(), ); } } class MyHome...

Why Flutter? Beautiful, Natively Compiled Mobile App

Image
Flutter Logo Transparent So recently I've been doing mobile app development using this framework made by Google, Flutter. To be honest, other than that it is a multi platform mobile app framework, for Android and IOS, i am really disappointed. I hate it because it is using this Dart language that look like Javascript but it is not Javascript, it looks like Java but it’s no Java. It’s confusing for even creating, adding a variable typed List. Do i need to do var myList? or List myList=new ArrayList() ? But then, can i just myList[123] or myList.get(123) ? It turns out that there’s so many things we need to learn about this Dart language alone, and Flutter is another different complex story. Flutter is React like mobile app development framework. I’ve been doing React and have been really happy, enjoying so much, but it is not as flexible as pure as HTML, Javascript, JQuery and CSS. You can build more maintainable codes with React, but is that you want? Now talk about why ...

Popular posts from this blog

How to Install Microsoft Office on Your PC: A Step-by-Step Guide

Coding On Your Android Phone Using Termux

The Hidden Disk Hogs on Windows Developers Keep Ignoring (And How to Move Them to D:)