feat: add tabbar

README.md

@@ -1,3 +1,7 @@
 # flutter-app-bootstrap
 
 ---
+
+## Screenshot
+
+<img src="./screenshot/flutter_01.png" width="25%"/><img src="./screenshot/flutter_02.png" width="25%"/><img src="./screenshot/flutter_03.png" width="25%"/><img src="./screenshot/flutter_04.png" width="25%"/>

ios/Flutter/Debug.xcconfig

@@ -1 +1,2 @@
+#include "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
 #include "Generated.xcconfig"

ios/Flutter/Release.xcconfig

@@ -1 +1,2 @@
+#include "Pods/Target Support Files/Pods-Runner/Pods-Runner.release.xcconfig"
 #include "Generated.xcconfig"

ios/Podfile

@@ -0,0 +1,69 @@
+# Uncomment this line to define a global platform for your project
+# platform :ios, '9.0'
+
+# CocoaPods analytics sends network stats synchronously affecting flutter build latency.
+ENV['COCOAPODS_DISABLE_STATS'] = 'true'
+
+project 'Runner', {
+  'Debug' => :debug,
+  'Profile' => :release,
+  'Release' => :release,
+}
+
+def parse_KV_file(file, separator='=')
+  file_abs_path = File.expand_path(file)
+  if !File.exists? file_abs_path
+    return [];
+  end
+  pods_ary = []
+  skip_line_start_symbols = ["#", "/"]
+  File.foreach(file_abs_path) { |line|
+      next if skip_line_start_symbols.any? { |symbol| line =~ /^\s*#{symbol}/ }
+      plugin = line.split(pattern=separator)
+      if plugin.length == 2
+        podname = plugin[0].strip()
+        path = plugin[1].strip()
+        podpath = File.expand_path("#{path}", file_abs_path)
+        pods_ary.push({:name => podname, :path => podpath});
+      else
+        puts "Invalid plugin specification: #{line}"
+      end
+  }
+  return pods_ary
+end
+
+target 'Runner' do
+  # Prepare symlinks folder. We use symlinks to avoid having Podfile.lock
+  # referring to absolute paths on developers' machines.
+  system('rm -rf .symlinks')
+  system('mkdir -p .symlinks/plugins')
+
+  # Flutter Pods
+  generated_xcode_build_settings = parse_KV_file('./Flutter/Generated.xcconfig')
+  if generated_xcode_build_settings.empty?
+    puts "Generated.xcconfig must exist. If you're running pod install manually, make sure flutter packages get is executed first."
+  end
+  generated_xcode_build_settings.map { |p|
+    if p[:name] == 'FLUTTER_FRAMEWORK_DIR'
+      symlink = File.join('.symlinks', 'flutter')
+      File.symlink(File.dirname(p[:path]), symlink)
+      pod 'Flutter', :path => File.join(symlink, File.basename(p[:path]))
+    end
+  }
+
+  # Plugin Pods
+  plugin_pods = parse_KV_file('../.flutter-plugins')
+  plugin_pods.map { |p|
+    symlink = File.join('.symlinks', 'plugins', p[:name])
+    File.symlink(p[:path], symlink)
+    pod p[:name], :path => File.join(symlink, 'ios')
+  }
+end
+
+post_install do |installer|
+  installer.pods_project.targets.each do |target|
+    target.build_configurations.each do |config|
+      config.build_settings['ENABLE_BITCODE'] = 'NO'
+    end
+  end
+end

ios/Runner.xcodeproj/project.pbxproj

@@ -12,6 +12,7 @@
 		3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; };
 		3B80C3941E831B6300D905FE /* App.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 3B80C3931E831B6300D905FE /* App.framework */; };
 		3B80C3951E831B6300D905FE /* App.framework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = 3B80C3931E831B6300D905FE /* App.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
+		3BEFD63AD901C35F38610CCA /* libPods-Runner.a in Frameworks */ = {isa = PBXBuildFile; fileRef = AE43DE62550FDBB2234ACE65 /* libPods-Runner.a */; };
 		9705A1C61CF904A100538489 /* Flutter.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 9740EEBA1CF902C7004384FC /* Flutter.framework */; };
 		9705A1C71CF904A300538489 /* Flutter.framework in Embed Frameworks */ = {isa = PBXBuildFile; fileRef = 9740EEBA1CF902C7004384FC /* Flutter.framework */; settings = {ATTRIBUTES = (CodeSignOnCopy, RemoveHeadersOnCopy, ); }; };
 		9740EEB41CF90195004384FC /* Debug.xcconfig in Resources */ = {isa = PBXBuildFile; fileRef = 9740EEB21CF90195004384FC /* Debug.xcconfig */; };
@@ -55,6 +56,7 @@
 		97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
 		97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
 		97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
+		AE43DE62550FDBB2234ACE65 /* libPods-Runner.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-Runner.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -64,12 +66,28 @@
 			files = (
 				9705A1C61CF904A100538489 /* Flutter.framework in Frameworks */,
 				3B80C3941E831B6300D905FE /* App.framework in Frameworks */,
+				3BEFD63AD901C35F38610CCA /* libPods-Runner.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
 /* End PBXFrameworksBuildPhase section */
 
 /* Begin PBXGroup section */
+		2CBAC9D7B99EE604AA85B992 /* Pods */ = {
+			isa = PBXGroup;
+			children = (
+			);
+			name = Pods;
+			sourceTree = "<group>";
+		};
+		7A505596141997A52B835C41 /* Frameworks */ = {
+			isa = PBXGroup;
+			children = (
+				AE43DE62550FDBB2234ACE65 /* libPods-Runner.a */,
+			);
+			name = Frameworks;
+			sourceTree = "<group>";
+		};
 		9740EEB11CF90186004384FC /* Flutter */ = {
 			isa = PBXGroup;
 			children = (
@@ -90,7 +108,8 @@
 				9740EEB11CF90186004384FC /* Flutter */,
 				97C146F01CF9000F007C117D /* Runner */,
 				97C146EF1CF9000F007C117D /* Products */,
-				CF3B75C9A7D2FA2A4C99F110 /* Frameworks */,
+				2CBAC9D7B99EE604AA85B992 /* Pods */,
+				7A505596141997A52B835C41 /* Frameworks */,
 			);
 			sourceTree = "<group>";
 		};
@@ -133,12 +152,14 @@
 			isa = PBXNativeTarget;
 			buildConfigurationList = 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */;
 			buildPhases = (
+				B2604DE5BF8C33F8D2ED99DE /* [CP] Check Pods Manifest.lock */,
 				9740EEB61CF901F6004384FC /* Run Script */,
 				97C146EA1CF9000F007C117D /* Sources */,
 				97C146EB1CF9000F007C117D /* Frameworks */,
 				97C146EC1CF9000F007C117D /* Resources */,
 				9705A1C41CF9048500538489 /* Embed Frameworks */,
 				3B06AD1E1E4923F5004D2608 /* Thin Binary */,
+				10433EC847558DA837CA5C54 /* [CP] Embed Pods Frameworks */,
 			);
 			buildRules = (
 			);
@@ -198,6 +219,28 @@
 /* End PBXResourcesBuildPhase section */
 
 /* Begin PBXShellScriptBuildPhase section */
+		10433EC847558DA837CA5C54 /* [CP] Embed Pods Frameworks */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${SRCROOT}/Pods/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh",
+				"${PODS_ROOT}/../.symlinks/flutter/ios/Flutter.framework",
+			);
+			name = "[CP] Embed Pods Frameworks";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/Flutter.framework",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "\"${SRCROOT}/Pods/Target Support Files/Pods-Runner/Pods-Runner-frameworks.sh\"\n";
+			showEnvVarsInLog = 0;
+		};
 		3B06AD1E1E4923F5004D2608 /* Thin Binary */ = {
 			isa = PBXShellScriptBuildPhase;
 			buildActionMask = 2147483647;
@@ -226,6 +269,28 @@
 			shellPath = /bin/sh;
 			shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build";
 		};
+		B2604DE5BF8C33F8D2ED99DE /* [CP] Check Pods Manifest.lock */ = {
+			isa = PBXShellScriptBuildPhase;
+			buildActionMask = 2147483647;
+			files = (
+			);
+			inputFileListPaths = (
+			);
+			inputPaths = (
+				"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
+				"${PODS_ROOT}/Manifest.lock",
+			);
+			name = "[CP] Check Pods Manifest.lock";
+			outputFileListPaths = (
+			);
+			outputPaths = (
+				"$(DERIVED_FILE_DIR)/Pods-Runner-checkManifestLockResult.txt",
+			);
+			runOnlyForDeploymentPostprocessing = 0;
+			shellPath = /bin/sh;
+			shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n    # print error to STDERR\n    echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n    exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
+			showEnvVarsInLog = 0;
+		};
 /* End PBXShellScriptBuildPhase section */
 
 /* Begin PBXSourcesBuildPhase section */

lib/component/list.dart

@@ -0,0 +1,45 @@
+import 'package:flutter/material.dart';
+import 'dart:io' show Platform;
+
+import '../constants.dart' as CONSTANTS;
+import '../utils.dart' as Utils;
+
+class ListComponent extends StatelessWidget {
+  ListComponent({Key key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    String os = Platform.operatingSystem;
+    String osString = Platform.isIOS ? '${os[0]}${os.substring(1).toUpperCase()}' : '${os[0].toUpperCase()}${os.substring(1)}';
+    return new Container(
+      padding: const EdgeInsets.all(20.0),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: <Widget>[
+          Text(
+            '$osString Flutter Bootstrap',
+            style: new TextStyle(fontSize: 20.0, color: Colors.black),
+          ),
+          new Container(
+              width: MediaQuery.of(context).size.width,
+              margin: const EdgeInsets.only(top: 80.0),
+              decoration: new BoxDecoration(
+                color: Color(Utils.getColorHexFromStr(CONSTANTS.COLOR_1)),
+                borderRadius: new BorderRadius.circular(4.0),
+              ),
+              child: FlatButton(
+                  child: Text(
+                    'list',
+                    textAlign: TextAlign.center,
+                    style: new TextStyle(
+                        fontSize: 20.0,
+                        color: Color(Utils.getColorHexFromStr('#ffffff'))),
+                  ),
+                  onPressed: () {
+                    Navigator.pushNamed(context, '/list');
+                  }))
+        ],
+      ),
+    );
+  }
+}

lib/component/logout.dart

@@ -0,0 +1,45 @@
+import 'package:flutter/material.dart';
+import 'dart:io' show Platform;
+
+import '../constants.dart' as CONSTANTS;
+import '../utils.dart' as Utils;
+
+class LogoutComponent extends StatelessWidget {
+  LogoutComponent({Key key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    String os = Platform.operatingSystem;
+    String osString = '${os[0].toUpperCase()}${os.substring(1)}';
+    return new Container(
+      padding: const EdgeInsets.all(20.0),
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: <Widget>[
+          Text(
+            '$osString Flutter Bootstrap',
+            style: new TextStyle(fontSize: 20.0, color: Colors.black),
+          ),
+          new Container(
+              width: MediaQuery.of(context).size.width,
+              margin: const EdgeInsets.only(top: 80.0),
+              decoration: new BoxDecoration(
+                color: Color(Utils.getColorHexFromStr(CONSTANTS.COLOR_1)),
+                borderRadius: new BorderRadius.circular(4.0),
+              ),
+              child: FlatButton(
+                  child: Text(
+                    'Logout',
+                    textAlign: TextAlign.center,
+                    style: new TextStyle(
+                        fontSize: 20.0,
+                        color: Color(Utils.getColorHexFromStr('#ffffff'))),
+                  ),
+                  onPressed: () {
+                    Navigator.pushNamed(context, '/login');
+                  }))
+        ],
+      ),
+    );
+  }
+}

lib/constants.dart

@@ -0,0 +1,13 @@
+const String ENV = "test";
+const String TEST = "TEST";
+const String HOME = "HOME";
+const String PERSONAL = "PERSONAL";
+const String TEST_URL = "https://www.baidu.com";
+const String TEST_TITLE = "Baidu";
+const String WEBVIEW = "Webview";
+const String USERNAME_TIPS = "please input username";
+const String PASSWORD_TIPS = "please input password";
+const String COLOR_1 = "#00bcd4";
+const String COLOR_2 = "#ff4081";
+const String DATAHUB_HOST = "http://localhost:7001";
+const String DATAHUB_HUBNAME_1 = "bootstrap";

lib/main.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 
 import 'page/home.dart';
 import 'page/login.dart';
+import 'page/list.dart';
 
 void main() => runApp(MyApp());
 
@@ -11,21 +12,25 @@ class MyApp extends StatelessWidget {
   Widget build(BuildContext context) {
     return MaterialApp(
       title: 'Flutter Demo',
-      theme: ThemeData(
-        primarySwatch: Colors.blue,
-      ),
       home: LoginPage(title: 'Home Page'),
+      debugShowCheckedModeBanner: true,
+      debugShowMaterialGrid: false,
       onGenerateRoute: (RouteSettings settings) {
         switch (settings.name) {
           case '/home':
             return new MyCustomRoute(
-              builder: (_) => HomePage(title: 'Home Page'),
+              builder: (_) => HomePage(),
               settings: settings,
             );
 
           case '/login':
             return new MyCustomRoute(
-              builder: (_) => LoginPage(title: 'Login Page'),
+              builder: (_) => LoginPage(),
+              settings: settings,
+            );
+          case '/list':
+            return new MyCustomRoute(
+              builder: (_) => ListPage(),
               settings: settings,
             );
         }
@@ -44,4 +49,4 @@ class MyCustomRoute<T> extends MaterialPageRoute<T> {
     if (settings.isInitialRoute) return child;
     return new FadeTransition(opacity: animation, child: child);
   }
-}
+}