Remove nested scroll and modify RWD for app bar.

Author: TakumaLee

README.md

@@ -5,4 +5,7 @@ It's using Flutter to create web for GDG.
 ## What is Kirin?
 Kirin is an animal of imagination, combination of Dragon, Phoenix... 
 
-And Flutter also build Android, iOS, and Web(even if not support perfectly and just a dart)
+And Flutter also build Android, iOS, and Web(even if not support perfectly and just a dart)
+
+### Flutter Web RWD
+[Documents](https://github.com/flutter/flutter/wiki/Creating-Responsive-Apps)

lib/main.dart

@@ -1,7 +1,6 @@
 import 'package:flutter_web/material.dart';
-import 'dart:convert';
+
 import 'views/HomeAppBar.dart';
-import 'views/TabButton.dart';
 
 void main() => runApp(MyApp());
 
@@ -32,34 +31,29 @@ class MyHomePage extends StatelessWidget {
     // fast, so that you can just rebuild anything that needs updating rather
     // than having to individually change instances of widgets.
     return Scaffold(
-      appBar: PreferredSize(child: HomeAppBar(title), preferredSize: Size.fromHeight(50)),
-      body: Center(
-        // Center is a layout widget. It takes a single child and positions it
-        // in the middle of the parent.
-        child: Column(
-          // Column is also layout widget. It takes a list of children and
-          // arranges them vertically. By default, it sizes itself to fit its
-          // children horizontally, and tries to be as tall as its parent.
-          //
-          // Invoke "debug painting" (choose the "Toggle Debug Paint" action
-          // from the Flutter Inspector in Android Studio, or the "Toggle Debug
-          // Paint" command in Visual Studio Code) to see the wireframe for each
-          // widget.
-          //
-          // Column has various properties to control how it sizes itself and
-          // how it positions its children. Here we use mainAxisAlignment to
-          // center the children vertically; the main axis here is the vertical
-          // axis because Columns are vertical (the cross axis would be
-          // horizontal).
-          mainAxisAlignment: MainAxisAlignment.center,
+      appBar: PreferredSize(child: HomeAppBar(title), preferredSize: Size.fromHeight(56)),
+        body: ListView(
           children: <Widget>[
-            Text(
-                'Hello, Google World!',
-                style: TextStyle(color: Colors.blueAccent, fontFamily: labelFontFamily)
+            Center(
+              child: Text(
+                "Hello GDG World.",
+                style: TextStyle(fontFamily: labelFontFamily),
+              ),
+            ),
+            Center(
+              child: Text(
+                "Hello GDG World.",
+                style: TextStyle(fontFamily: labelFontFamily),
+              ),
+            ),
+            Center(
+              child: Text(
+                "Hello GDG World.",
+                style: TextStyle(fontFamily: labelFontFamily),
+              ),
             ),
           ],
         ),
-      ), // This trailing comma makes auto-formatting nicer for build methods.
     );
   }
 }

lib/views/HomeAppBar.dart

@@ -58,14 +58,24 @@ class _HomeAppBarWidgetState extends State<HomeAppBar> {
 
   @override
   Widget build(BuildContext context) {
-    return AppBar(
-      leading: Container(
-        child: Image.asset("images/logo-GDG.png"),
-        padding: const EdgeInsets.fromLTRB(16.0, 0.0, 0.0, 0.0),
-      ),
-      title: Text(title, style: TextStyle(color: Colors.black54, fontFamily: labelFontFamily, fontStyle: FontStyle.normal)),
-      backgroundColor: Color.fromARGB(1, 255, 255, 255),
-      actions: getTabs(),
+    return LayoutBuilder(
+      builder: (context, constraints) {
+        if (constraints.maxWidth > 750) {
+          return AppBar(
+            leading: Container(
+              child: Image.asset("images/logo-GDG.png"),
+              padding: const EdgeInsets.fromLTRB(16.0, 0.0, 0.0, 0.0),
+            ),
+            title: Text(title, style: TextStyle(color: Colors.black54, fontFamily: labelFontFamily, fontStyle: FontStyle.normal)),
+            backgroundColor: Color.fromARGB(1, 255, 255, 255),
+            actions: getTabs(),
+          );
+        } else {
+          return Center(
+            child: Text("GDG"),
+          );
+        }
+      },
     );
   }
 

lib/views/HomeHeader.dart

@@ -0,0 +1,12 @@
+
+import 'package:flutter_web/material.dart';
+
+class HomeHeader extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+
+    );
+  }
+
+}

pubspec.yaml

@@ -16,6 +16,7 @@ flutter:
 dependencies:
   flutter_web: any
   flutter_web_ui: any
+  firebase: ^5.0.0
 #  flutter_svg: ^0.12.4+2
 #  firebase_core: ^0.4.0+3
 #  firebase_analytics: ^3.0.2