Updated buttons with FAB example

2026-04-05 14:29:05 +08:00 · 2019-01-06 20:43:42 +05:30
parent 3f7875eeeb
commit c964432b49
3 changed files with 58 additions and 280 deletions
--- a/lib/button_widget.dart
+++ b/lib/button_widget.dart
@@ -6,12 +6,20 @@ class ButtonWidget extends StatelessWidget{
    return Scaffold(
      appBar: AppBar(),
      body: Center(
-        child: IconButton(
-            color: Colors.purple,
-            splashColor: Colors.yellow,
-           // highlightColor: Colors.red,
-            icon: Icon(Icons.build, size: 40.0,),
-            onPressed: (){})
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: <Widget>[
+            FloatingActionButton(
+                backgroundColor: Colors.orange,
+                child: Icon(Icons.mic, size: 30.0, color: Colors.white,),
+                onPressed: (){}),
+            FloatingActionButton(
+                mini: true,
+                backgroundColor: Colors.green,
+                child: Icon(Icons.mic, size: 30.0, color: Colors.white,),
+                onPressed: (){}),
+          ],
+        )
      ),
    );
  }
@@ -106,4 +114,20 @@ class ButtonWidget extends StatelessWidget{
            onPressed: (){})
      ),

+* */
+
+/*
+* TODO Simple Circular Button using FloatingActionButton (Mini and Normal Size)
+*
+* FloatingActionButton(
+                backgroundColor: Colors.orange,
+                child: Icon(Icons.mic, size: 30.0, color: Colors.white,),
+                onPressed: (){}),
+
+
+* FloatingActionButton(
+                mini: true,
+                backgroundColor: Colors.green,
+                child: Icon(Icons.mic, size: 30.0, color: Colors.white,),
+                onPressed: (){}),
 * */
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -37,11 +37,9 @@ class MyApp extends StatelessWidget {

 class HomePage extends StatelessWidget{

-
  @override
  Widget build(BuildContext context) {
-    var widgetList = ["Text", "Appbar", "Container",
-    "Column", "Row", "Button", "Stack" ];
+    var widgetList = ["Text", "Appbar", "Container", "Column", "Row", "Button", "Stack" ];

    return Scaffold(
      appBar: AppBar(
@@ -49,30 +47,31 @@ class HomePage extends StatelessWidget{
      ),
      body: ListView.builder(
          itemCount: widgetList.length,
+          shrinkWrap: true,
          itemBuilder: (builder, index){
-          return Padding(
-            padding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 4.0),
-            child: InkWell(
-              onTap: (){
-                Navigator.of(context).pushNamed('${widgetList[index]}');
-              },
-              child: Card(
-                elevation: 5.0,
-                child: new Container(
-                  color: Colors.white,
-                  width: MediaQuery.of(context).size.width,
-                  padding: EdgeInsets.all(16.0),
-                  child: Row(
-                    children: <Widget>[
-                      Text(widgetList[index], style: TextStyle(color: Colors.black, fontSize: 20.0),),
-                      Icon(Icons.keyboard_arrow_right)
-                    ],
-                  )
+            return Padding(
+              padding: const EdgeInsets.symmetric(horizontal: 8.0, vertical: 4.0),
+              child: InkWell(
+                onTap: (){
+                  Navigator.of(context).pushNamed('${widgetList[index]}');
+                },
+                child: Card(
+                  elevation: 5.0,
+                  child: new Container(
+                      color: Colors.white,
+                      width: MediaQuery.of(context).size.width,
+                      padding: EdgeInsets.all(16.0),
+                      child: Row(
+                        children: <Widget>[
+                          Text(widgetList[index], style: TextStyle(color: Colors.black, fontSize: 20.0),),
+                          Icon(Icons.keyboard_arrow_right)
+                        ],
+                      )
+                  ),
                ),
              ),
-            ),
-          );
-      }),
+            );
+          }),
    );
  }
 }
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -1,20 +1,6 @@
 # Generated by pub
 # See https://www.dartlang.org/tools/pub/glossary#lockfile
 packages:
-  analyzer:
-    dependency: transitive
-    description:
-      name: analyzer
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.32.4"
-  args:
-    dependency: transitive
-    description:
-      name: args
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.5.0"
  async:
    dependency: transitive
    description:
@@ -43,27 +29,6 @@ packages:
      url: "https://pub.dartlang.org"
    source: hosted
    version: "1.14.11"
-  convert:
-    dependency: transitive
-    description:
-      name: convert
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "2.0.2"
-  crypto:
-    dependency: transitive
-    description:
-      name: crypto
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "2.0.6"
-  csslib:
-    dependency: transitive
-    description:
-      name: csslib
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.14.5"
  cupertino_icons:
    dependency: "direct main"
    description:
@@ -81,83 +46,6 @@ packages:
    description: flutter
    source: sdk
    version: "0.0.0"
-  front_end:
-    dependency: transitive
-    description:
-      name: front_end
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.1.4"
-  glob:
-    dependency: transitive
-    description:
-      name: glob
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.1.7"
-  html:
-    dependency: transitive
-    description:
-      name: html
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.13.3+3"
-  http:
-    dependency: transitive
-    description:
-      name: http
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.11.3+17"
-  http_multi_server:
-    dependency: transitive
-    description:
-      name: http_multi_server
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "2.0.5"
-  http_parser:
-    dependency: transitive
-    description:
-      name: http_parser
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "3.1.3"
-  io:
-    dependency: transitive
-    description:
-      name: io
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.3.3"
-  js:
-    dependency: transitive
-    description:
-      name: js
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.6.1+1"
-  json_rpc_2:
-    dependency: transitive
-    description:
-      name: json_rpc_2
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "2.0.9"
-  kernel:
-    dependency: transitive
-    description:
-      name: kernel
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.3.4"
-  logging:
-    dependency: transitive
-    description:
-      name: logging
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.11.3+2"
  matcher:
    dependency: transitive
    description:
@@ -172,41 +60,6 @@ packages:
      url: "https://pub.dartlang.org"
    source: hosted
    version: "1.1.6"
-  mime:
-    dependency: transitive
-    description:
-      name: mime
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.9.6+2"
-  multi_server_socket:
-    dependency: transitive
-    description:
-      name: multi_server_socket
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.0.2"
-  node_preamble:
-    dependency: transitive
-    description:
-      name: node_preamble
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.4.4"
-  package_config:
-    dependency: transitive
-    description:
-      name: package_config
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.0.5"
-  package_resolver:
-    dependency: transitive
-    description:
-      name: package_resolver
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.0.4"
  path:
    dependency: transitive
    description:
@@ -214,81 +67,18 @@ packages:
      url: "https://pub.dartlang.org"
    source: hosted
    version: "1.6.2"
-  plugin:
-    dependency: transitive
-    description:
-      name: plugin
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.2.0+3"
-  pool:
-    dependency: transitive
-    description:
-      name: pool
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.3.6"
-  pub_semver:
-    dependency: transitive
-    description:
-      name: pub_semver
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.4.2"
  quiver:
    dependency: transitive
    description:
      name: quiver
      url: "https://pub.dartlang.org"
    source: hosted
-    version: "2.0.0+1"
-  shelf:
-    dependency: transitive
-    description:
-      name: shelf
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.7.3+3"
-  shelf_packages_handler:
-    dependency: transitive
-    description:
-      name: shelf_packages_handler
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.0.4"
-  shelf_static:
-    dependency: transitive
-    description:
-      name: shelf_static
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.2.8"
-  shelf_web_socket:
-    dependency: transitive
-    description:
-      name: shelf_web_socket
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.2.2+4"
+    version: "2.0.1"
  sky_engine:
    dependency: transitive
    description: flutter
    source: sdk
    version: "0.0.99"
-  source_map_stack_trace:
-    dependency: transitive
-    description:
-      name: source_map_stack_trace
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.1.5"
-  source_maps:
-    dependency: transitive
-    description:
-      name: source_maps
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.10.7"
  source_span:
    dependency: transitive
    description:
@@ -324,13 +114,13 @@ packages:
      url: "https://pub.dartlang.org"
    source: hosted
    version: "1.0.1"
-  test:
+  test_api:
    dependency: transitive
    description:
-      name: test
+      name: test_api
      url: "https://pub.dartlang.org"
    source: hosted
-    version: "1.3.0"
+    version: "0.2.1"
  typed_data:
    dependency: transitive
    description:
@@ -338,13 +128,6 @@ packages:
      url: "https://pub.dartlang.org"
    source: hosted
    version: "1.1.6"
-  utf:
-    dependency: transitive
-    description:
-      name: utf
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.9.0+5"
  vector_math:
    dependency: transitive
    description:
@@ -352,33 +135,5 @@ packages:
      url: "https://pub.dartlang.org"
    source: hosted
    version: "2.0.8"
-  vm_service_client:
-    dependency: transitive
-    description:
-      name: vm_service_client
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.2.6"
-  watcher:
-    dependency: transitive
-    description:
-      name: watcher
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "0.9.7+10"
-  web_socket_channel:
-    dependency: transitive
-    description:
-      name: web_socket_channel
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.0.9"
-  yaml:
-    dependency: transitive
-    description:
-      name: yaml
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "2.1.15"
 sdks:
-  dart: ">=2.0.0-dev.68.0 <3.0.0"
+  dart: ">=2.0.0 <3.0.0"