add camera

android/app/build.gradle

@@ -39,7 +39,7 @@ android {
     defaultConfig {
         // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
         applicationId "com.example.douyin_demo"
-        minSdkVersion 16
+        minSdkVersion 21
         targetSdkVersion 28
         versionCode flutterVersionCode.toInteger()
         versionName flutterVersionName

ios/Podfile.lock

@@ -1,28 +1,40 @@
 PODS:
+  - camera (0.0.1):
+    - Flutter
   - Flutter (1.0.0)
+  - path_provider (0.0.1):
+    - Flutter
   - shared_preferences (0.0.1):
     - Flutter
   - video_player (0.0.1):
     - Flutter
 
 DEPENDENCIES:
+  - camera (from `.symlinks/plugins/camera/ios`)
   - Flutter (from `.symlinks/flutter/ios`)
+  - path_provider (from `.symlinks/plugins/path_provider/ios`)
   - shared_preferences (from `.symlinks/plugins/shared_preferences/ios`)
   - video_player (from `.symlinks/plugins/video_player/ios`)
 
 EXTERNAL SOURCES:
+  camera:
+    :path: ".symlinks/plugins/camera/ios"
   Flutter:
     :path: ".symlinks/flutter/ios"
+  path_provider:
+    :path: ".symlinks/plugins/path_provider/ios"
   shared_preferences:
     :path: ".symlinks/plugins/shared_preferences/ios"
   video_player:
     :path: ".symlinks/plugins/video_player/ios"
 
 SPEC CHECKSUMS:
+  camera: 38cc83ae9a5667bb5a71c7d9edaf60a91920fd4e
   Flutter: 0e3d915762c693b495b44d77113d4970485de6ec
+  path_provider: fb74bd0465e96b594bb3b5088ee4a4e7bb1f2a9d
   shared_preferences: 1feebfa37bb57264736e16865e7ffae7fc99b523
   video_player: 3964090a33353060ed7f58aa6427c7b4b208ec21
 
 PODFILE CHECKSUM: 10ae9c18d12c9ffc2275c9a159a3b1e281990db0
 
-COCOAPODS: 1.7.5
+COCOAPODS: 1.8.3

ios/Runner/Info.plist

@@ -1,51 +1,55 @@
-<?xml version="1.0" encoding="UTF-8"?>
+<?xml version="1.0" encoding="UTF-8" ?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
-<dict>
-	<key>CFBundleDevelopmentRegion</key>
-	<string>$(DEVELOPMENT_LANGUAGE)</string>
-	<key>CFBundleExecutable</key>
-	<string>$(EXECUTABLE_NAME)</string>
-	<key>CFBundleIdentifier</key>
-	<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
-	<key>CFBundleInfoDictionaryVersion</key>
-	<string>6.0</string>
-	<key>CFBundleName</key>
-	<string>douyin_demo</string>
-	<key>CFBundlePackageType</key>
-	<string>APPL</string>
-	<key>CFBundleShortVersionString</key>
-	<string>$(FLUTTER_BUILD_NAME)</string>
-	<key>CFBundleSignature</key>
-	<string>????</string>
-	<key>CFBundleVersion</key>
-	<string>$(FLUTTER_BUILD_NUMBER)</string>
-	<key>LSRequiresIPhoneOS</key>
-	<true/>
-	<key>UILaunchStoryboardName</key>
-	<string>LaunchScreen</string>
-	<key>UIMainStoryboardFile</key>
-	<string>Main</string>
-	<key>UISupportedInterfaceOrientations</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
-	</array>
-	<key>UISupportedInterfaceOrientations~ipad</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationPortraitUpsideDown</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
-	</array>
-	<key>UIViewControllerBasedStatusBarAppearance</key>
-	<false/>
-</dict>
+	<dict>
+		<key>CFBundleDevelopmentRegion</key>
+		<string>$(DEVELOPMENT_LANGUAGE)</string>
+		<key>CFBundleExecutable</key>
+		<string>$(EXECUTABLE_NAME)</string>
+		<key>CFBundleIdentifier</key>
+		<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
+		<key>CFBundleInfoDictionaryVersion</key>
+		<string>6.0</string>
+		<key>CFBundleName</key>
+		<string>douyin_demo</string>
+		<key>CFBundlePackageType</key>
+		<string>APPL</string>
+		<key>CFBundleShortVersionString</key>
+		<string>$(FLUTTER_BUILD_NAME)</string>
+		<key>CFBundleSignature</key>
+		<string>????</string>
+		<key>CFBundleVersion</key>
+		<string>$(FLUTTER_BUILD_NUMBER)</string>
+		<key>LSRequiresIPhoneOS</key>
+		<true />
+		<key>UILaunchStoryboardName</key>
+		<string>LaunchScreen</string>
+		<key>UIMainStoryboardFile</key>
+		<string>Main</string>
+		<key>UISupportedInterfaceOrientations</key>
+		<array>
+			<string>UIInterfaceOrientationPortrait</string>
+			<string>UIInterfaceOrientationLandscapeLeft</string>
+			<string>UIInterfaceOrientationLandscapeRight</string>
+		</array>
+		<key>UISupportedInterfaceOrientations~ipad</key>
+		<array>
+			<string>UIInterfaceOrientationPortrait</string>
+			<string>UIInterfaceOrientationPortraitUpsideDown</string>
+			<string>UIInterfaceOrientationLandscapeLeft</string>
+			<string>UIInterfaceOrientationLandscapeRight</string>
+		</array>
+		<key>UIViewControllerBasedStatusBarAppearance</key>
+		<false />
+		<key>NSCameraUsageDescription</key>
+		<string>系统将使用您的相机进行图片拍摄，视频拍摄等</string>
+		<key>NSMicrophoneUsageDescription</key>
+		<string>系统将使用您的麦克风进行音频录制</string>
+		<key>NSAppTransportSecurity</key>
+		<dict>
+			<key>NSAllowsArbitraryLoads</key>
+			<true />
+		</dict>
+	</dict>
 
 </plist>
-<key>NSAppTransportSecurity</key>
-<dict>
-  <key>NSAllowsArbitraryLoads</key>
-  <true/>
-</dict>

lib/pages/CameraPage/CameraMain.dart

@@ -0,0 +1,207 @@
+import 'package:camera/camera.dart';
+import 'package:camera/new/src/support_android/camera.dart';
+import 'package:flutter/material.dart';
+
+class CameraPage extends StatelessWidget {
+  const CameraPage({Key key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      backgroundColor: Theme.of(context).primaryColor,
+      body: CameraMain(),
+      bottomNavigationBar: BottomAppBar(),
+    );
+  }
+}
+
+class CameraMain extends StatefulWidget {
+  CameraMain({Key key}) : super(key: key);
+
+  _CameraMainState createState() => _CameraMainState();
+}
+
+class _CameraMainState extends State<CameraMain> {
+  var cameras;
+  CameraController _controller;
+  @override
+  initState() {
+    // TODO: implement initState
+    super.initState();
+    initCamera();
+  }
+
+  Future initCamera() async {
+    cameras = await availableCameras();
+    _controller = CameraController(cameras[0], ResolutionPreset.medium);
+    _controller.initialize().then((_) {
+      if (!mounted) {
+        return;
+      }
+      setState(() {});
+    });
+  }
+
+  @override
+  void dispose() {
+    // TODO: implement dispose
+    _controller?.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    double rpx = MediaQuery.of(context).size.width / 750;
+    double toTop = 100 * rpx;
+    double outBox = 170 * rpx;
+    double innerBox = 130 * rpx;
+    if (_controller == null || _controller?.value == null) {
+      return Container(
+        child: Center(child: CircularProgressIndicator()),
+      );
+    }
+    return _controller.value.isInitialized
+        ? Stack(children: <Widget>[
+            // Camera.open(cameraId),
+            CameraPreview(_controller),
+            Positioned(
+              //顶部关闭按钮
+              top: toTop,
+              left: 30 * rpx,
+              child: IconButton(
+                icon: Icon(
+                  Icons.close,
+                  color: Colors.white,
+                  size: 60 * rpx,
+                ),
+                onPressed: () {
+                  Navigator.pop(context);
+                },
+              ),
+            ),
+            Positioned(
+              //选择音乐
+              top: toTop,
+              left: 250 * rpx,
+              child: Container(
+                width: 250 * rpx,
+                child: FlatButton(
+                  onPressed: () {},
+                  child: Row(
+                    children: <Widget>[
+                      Icon(
+                        Icons.music_note,
+                        color: Colors.white,
+                      ),
+                      SizedBox(
+                        width: 10 * rpx,
+                      ),
+                      Text(
+                        "选择音乐",
+                        style: TextStyle(color: Colors.white),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ),
+            Positioned(
+              //拍照按钮
+              bottom: 60 * rpx,
+              // left: (750*rpx-outBox)/2,
+              child: Container(
+                  width: 750 * rpx,
+                  child: Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceAround,
+                      children: [
+                        IconWithText(
+                            icon: Icon(
+                              Icons.search,
+                              color: Colors.white,
+                            ),
+                            text: "道具"),
+                        CircleTakePhoto(
+                          outBox: outBox,
+                          innerBox: innerBox,
+                        ),
+                        IconWithText(
+                            icon: Icon(
+                              Icons.search,
+                              color: Colors.white,
+                            ),
+                            text: "道具"),
+                      ])),
+            ),
+            Positioned(
+              right: 30 * rpx,
+              top: 80 * rpx,
+              child: IconButton(
+                icon: Icon(Icons.camera_front),
+                onPressed: () {
+                  _controller =
+                      CameraController(cameras[1], ResolutionPreset.medium);
+                  _controller.initialize().then((_) {
+                    if (!mounted) {
+                      return;
+                    }
+                    setState(() {});
+                  });
+                },
+              ),
+            )
+          ])
+        : Container();
+  }
+}
+
+class CircleTakePhoto extends StatelessWidget {
+  const CircleTakePhoto(
+      {Key key, @required this.outBox, @required this.innerBox})
+      : super(key: key);
+  final double outBox;
+  final double innerBox;
+  @override
+  Widget build(BuildContext context) {
+    double rpx = MediaQuery.of(context).size.width / 750;
+    // double outBox=160*rpx;
+    // double innerBox=130*rpx;
+    return Container(
+      width: outBox,
+      height: outBox,
+      padding: EdgeInsets.all(10 * rpx),
+      decoration: BoxDecoration(
+        color: Colors.transparent,
+        borderRadius: BorderRadius.circular(90 * rpx),
+        border: Border.all(
+            width: 10 * rpx, color: Color.fromARGB(128, 219, 48, 85)),
+      ),
+      child: Container(
+        width: innerBox,
+        height: innerBox,
+        alignment: Alignment.center,
+        decoration: BoxDecoration(
+            color: Color.fromARGB(255, 219, 48, 85),
+            borderRadius: BorderRadius.circular(75 * rpx)),
+      ),
+    );
+  }
+}
+
+class IconWithText extends StatelessWidget {
+  const IconWithText({Key key, @required this.icon, @required this.text})
+      : super(key: key);
+  final Icon icon;
+  final String text;
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: <Widget>[
+        icon,
+        Text(
+          text,
+          style: TextStyle(color: Colors.white),
+        )
+      ],
+    );
+  }
+}

lib/widgets/BottomBar.dart

@@ -1,4 +1,5 @@
 import 'package:douyin_demo/main.dart';
+import 'package:douyin_demo/pages/CameraPage/CameraMain.dart';
 import 'package:douyin_demo/pages/sameCity/SameCityPage.dart';
 import 'package:douyin_demo/pages/selfHome/HomePage.dart';
 import 'package:douyin_demo/providers/PostsGalleryProvider.dart';
@@ -94,6 +95,15 @@ class _BtmBarState extends State<BtmBar> {
                 builder: (context) => SelfHomePage()),
             ModalRoute.withName("/selfHome"));
         break;
+      case 3:
+        Navigator.of(context).push(new MaterialPageRoute(
+      builder: (BuildContext context) {
+        return  CameraPage()
+        ;
+      },
+    fullscreenDialog: true
+  ));
+        break;
       default:
         break;
     }
@@ -117,7 +127,7 @@ class _BtmBarState extends State<BtmBar> {
               child: getBtmTextWidget("同城", selected[1], () {
                 tapItem(1);
               }, rpx)),
-          Expanded(flex: 1, child: AddIcon()),
+          Expanded(flex: 1, child: AddIcon(tapItem:(){ tapItem(3); },)),
           Expanded(
               flex: 1,
               child: getBtmTextWidget("消息", selected[2], () {
@@ -152,8 +162,8 @@ getBtmTextWidget(String content, bool ifSelected, tapFunc, double rpx) {
 }
 
 class AddIcon extends StatelessWidget {
-  const AddIcon({Key key}) : super(key: key);
-
+  const AddIcon({Key key,@required this.tapItem}) : super(key: key);
+  final VoidCallback tapItem;
   @override
   Widget build(BuildContext context) {
     double rpx = MediaQuery.of(context).size.width / 750;
@@ -165,37 +175,41 @@ class AddIcon extends StatelessWidget {
       padding: EdgeInsets.symmetric(horizontal: 30 * rpx),
       height: iconHeight,
       width: 150 * rpx,
-      child: Stack(
-        children: <Widget>[
-          Positioned(
-            height: iconHeight,
-            width: totalWidth - eachSide,
-            child: Container(
-              decoration: BoxDecoration(
-                  color: Colors.cyan, borderRadius: BorderRadius.circular(10)),
+      child: FlatButton(
+        padding: EdgeInsets.all(0),
+        onPressed: (){tapItem();},
+        child: Stack(
+          children: <Widget>[
+            Positioned(
+              height: iconHeight,
+              width: totalWidth - eachSide,
+              child: Container(
+                decoration: BoxDecoration(
+                    color: Colors.cyan, borderRadius: BorderRadius.circular(10)),
+              ),
             ),
-          ),
-          Positioned(
-            height: iconHeight,
-            width: totalWidth - eachSide,
-            right: 0,
-            child: Container(
-              decoration: BoxDecoration(
-                  color: Colors.redAccent,
-                  borderRadius: BorderRadius.circular(10)),
+            Positioned(
+              height: iconHeight,
+              width: totalWidth - eachSide,
+              right: 0,
+              child: Container(
+                decoration: BoxDecoration(
+                    color: Colors.redAccent,
+                    borderRadius: BorderRadius.circular(10)),
+              ),
             ),
-          ),
-          Positioned(
-            height: iconHeight,
-            width: totalWidth - eachSide * 2,
-            right: eachSide,
-            child: Container(
-              decoration: BoxDecoration(
-                  color: Colors.white, borderRadius: BorderRadius.circular(10)),
-              child: Icon(Icons.add),
+            Positioned(
+              height: iconHeight,
+              width: totalWidth - eachSide * 2,
+              right: eachSide,
+              child: Container(
+                decoration: BoxDecoration(
+                    color: Colors.white, borderRadius: BorderRadius.circular(10)),
+                child: Icon(Icons.add),
+              ),
             ),
-          ),
-        ],
+          ],
+        )
       ),
     );
   }

pubspec.lock

@@ -92,6 +92,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "6.7.1"
+  camera:
+    dependency: "direct main"
+    description:
+      name: camera
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "0.5.6"
   charcode:
     dependency: transitive
     description:
@@ -334,12 +341,19 @@ packages:
     source: hosted
     version: "1.0.10"
   path:
-    dependency: transitive
+    dependency: "direct main"
     description:
       name: path
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.6.4"
+  path_provider:
+    dependency: "direct main"
+    description:
+      name: path_provider
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.3.1"
   pedantic:
     dependency: transitive
     description:
@@ -347,6 +361,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.8.0+1"
+  platform:
+    dependency: transitive
+    description:
+      name: platform
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.2.1"
   pool:
     dependency: transitive
     description:
@@ -536,4 +557,4 @@ packages:
     version: "2.2.0"
 sdks:
   dart: ">=2.3.0 <3.0.0"
-  flutter: ">=1.5.0 <2.0.0"
+  flutter: ">=1.6.7 <2.0.0"

pubspec.yaml

@@ -34,6 +34,9 @@ dependencies:
   flutter_swiper:
   stretchy_header:
   after_layout:
+  camera:
+  path_provider:
+  path:
     
 dev_dependencies:
   flutter_test: