0

README.md

@@ -5,30 +5,3 @@ This is a Flutter project to copy Dou Yin (which named Tik Tok overseas).
 
 # Demo for the recommend page. 推荐页面效果图
 ![image](https://pic4.zhimg.com/80/v2-27a3d4e7af10b0193848725c1885f10f_hd.jpg)
-
-
-
-## Getting Started
-
-[Need to Know First]<br/>
-【写在前面】<br/>
-
-This project is just for tutorial purpose, <b>NO BUSINESS USING IS ALLOWED.</b><br/>
-本项目只作教材使用，<b>不允许有任何商业用途</b>
-
-We are going to continously update the tutorial video synchronously on Bilibili. <br/>If you want to learn more about Flutter and not just stop your pace at the elementary stage, this is a good choice for you to follow.(Oversea users? Don't worry, maybe we would update the same video on youtube, but you need to learn more about chinese first...)<br/> 
-我们将持续在Bilibili更新有关Flutter的教程视频，初步设想把抖音的大部分内容复制下来吧。。<br/>如果你想学习更多与Flutter相关的内容，而不是听了一些基础课程就难以迈出下一步，那就来关注我们吧~括号里的我就不翻译了，反正呢。。youtube的事情咱也就瞎说的。
-
-# Bilibili space (Bilibili课程地址)
-
-<h1>https://space.bilibili.com/283403747</h1>
-
-## make a recommendPage for TikTok within 1 hour（1小时做个抖音推荐页）<br/><br/>
-https://www.bilibili.com/video/av68733100 
-![image](https://i2.hdslb.com/bfs/archive/f9579c518e74ba9df4797e67565072aec62c0972.jpg)
-<br/><br/><br/><br/>
-## decorate the recommendPage to have a nice look (精修推荐页)<br/><br/>
-https://www.bilibili.com/video/av68815634
-![image](https://i2.hdslb.com/bfs/archive/cbad241917eaf3ca2c1003d6247579e57a23aebc.jpg)
-
-continously updating (持续更新中...)

lib/dao/api.dart

@@ -0,0 +1,3 @@
+class Api {
+
+}

lib/detector_painters.dart

@@ -1,9 +1,4 @@
-// Copyright 2018 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
 import 'dart:ui' as ui;
-
 import 'package:firebase_ml_vision/firebase_ml_vision.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
@@ -168,4 +163,4 @@ Rect _scaleRect({
     rect.right.toDouble() * scaleX,
     rect.bottom.toDouble() * scaleY,
   );
-}
+}

lib/index_page.dart

@@ -0,0 +1,17 @@
+import 'package:flutter/material.dart';
+
+class IndexPage extends StatefulWidget {
+  const IndexPage({Key key}) : super(key: key);
+
+  @override
+  _IndexPageState createState() => _IndexPageState();
+}
+
+class _IndexPageState extends State<IndexPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Text("x"),
+    );
+  }
+}

lib/main.dart

@@ -1,15 +1,9 @@
 import 'dart:io';
 
-import 'package:douyin_demo/pages/RecommendPage/BottomSheet.dart';
-import 'package:douyin_demo/providers/RecommendProvider.dart';
-import 'package:douyin_demo/widgets/BottomBar.dart';
+import 'package:douyin_demo/pages/recommend_page.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_swiper/flutter_swiper.dart';
 import 'package:marquee_flutter/marquee_flutter.dart';
-import 'package:provider/provider.dart';
 import 'package:shared_preferences/shared_preferences.dart';
-import 'package:video_player/video_player.dart';
-import 'widgets/FavAnimation.dart';
 
 Future main() async {
   WidgetsFlutterBinding.ensureInitialized();
@@ -45,593 +39,11 @@ class MyApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
-      title: "某音",
+      title: "抖音",
       theme: ThemeData(primaryColor: Color(0xff121319)),
       home: RecommendPage(
         selIndex: 0,
       ),
     );
   }
-}
-
-class RecommendPage extends StatelessWidget {
-  const RecommendPage({Key key, @required this.selIndex}) : super(key: key);
-  final int selIndex;
-
-  @override
-  Widget build(BuildContext context) {
-    double rpx = MediaQuery.of(context).size.width / 750;
-
-    return MultiProvider(
-        providers: [
-          ChangeNotifierProvider(
-            builder: (context) => RecommendProvider(),
-          )
-        ],
-        child: Scaffold(
-          resizeToAvoidBottomInset: false,
-          body: Stack(children: [
-            MainTabView(),
-            Positioned(
-              top: 20 * rpx,
-              // height: 120,
-              width: 750 * rpx,
-              child: SafeArea(
-                  child: Container(
-                // decoration: BoxDecoration(color: Colors.pinkAccent),
-                child: TopTab(),
-              )),
-            ),
-          ]),
-          bottomNavigationBar: BottomSafeBar(
-            selIndex: selIndex,
-          ),
-        ));
-  }
-}
-
-class MainTabView extends StatelessWidget {
-  const MainTabView({Key key}) : super(key: key);
-
-  @override
-  Widget build(BuildContext context) {
-
-    RecommendProvider provider = Provider.of<RecommendProvider>(context);
-    return TabBarView(
-      controller: provider.controller,
-      children: <Widget>[
-        SwiperMain(
-          type: "followed",
-        ),
-        SwiperMain(
-          type: "recommend",
-        ),
-      ],
-    );
-  }
-}
-
-class SwiperMain extends StatefulWidget {
-  SwiperMain({Key key, this.type}) : super(key: key);
-  final String type;
-
-  _SwiperMainState createState() => _SwiperMainState();
-}
-
-class _SwiperMainState extends State<SwiperMain>
-    with AutomaticKeepAliveClientMixin {
-  @override
-  Widget build(BuildContext context) {
-    RecommendProvider provider = Provider.of<RecommendProvider>(context);
-    List<MainInfo> infos = List<MainInfo>();
-    if (widget.type == "followed") {
-      infos = provider.followed;
-    } else {
-      infos = provider.infos;
-    }
-    return Swiper(
-      loop: false,
-      scrollDirection: Axis.vertical,
-      itemCount: infos.length,
-      itemBuilder: (context, index) {
-        MainInfo curData = infos[index];
-        return Container(
-          decoration: BoxDecoration(color: Colors.black),
-          child: Stack(children: [
-            CenterImage(
-              videoPath: curData.videoPath,
-            ),
-            Home(),
-          ]),
-        );
-      },
-    );
-  }
-
-  @override
-  // TODO: implement wantKeepAlive
-  bool get wantKeepAlive => true;
-}
-
-class BottomSafeBar extends StatelessWidget {
-  const BottomSafeBar({Key key, @required this.selIndex}) : super(key: key);
-  final int selIndex;
-
-  @override
-  Widget build(BuildContext context) {
-    RecommendProvider provider = Provider.of<RecommendProvider>(context);
-    // double toBottom=MediaQuery.of(context).viewInsets.bottom;
-    return Container(
-      // padding: EdgeInsets.only(top:toBottom),
-      decoration: BoxDecoration(color: Colors.black),
-      child: SafeArea(
-          child: BottomAppBar(
-        child: Container(
-          decoration: BoxDecoration(color: Colors.black),
-          height: 60,
-          // decoration: BoxDecoration(color: Colors.black),
-          child: BtmBar(
-            selectIndex: selIndex,
-          ),
-        ),
-      )),
-    );
-  }
-}
-
-class CenterImage extends StatelessWidget {
-  const CenterImage({Key key, @required this.videoPath}) : super(key: key);
-  final String videoPath;
-
-  @override
-  Widget build(BuildContext context) {
-    // double bottom = MediaQuery.of(context).viewInsets.bottom;
-    // RecommendProvider provider = Provider.of<RecommendProvider>(context);
-    return Center(
-      child: Container(
-          // padding: EdgeInsets.only(top: bottom),
-          child: Image.asset(videoPath)),
-    );
-  }
-}
-
-class VideoBack extends StatefulWidget {
-  VideoBack({Key key}) : super(key: key);
-
-  _VideoBackState createState() => _VideoBackState();
-}
-
-class _VideoBackState extends State<VideoBack> {
-  VideoPlayerController _controller;
-  bool _isPlaying = false;
-  String url =
-      "https://www.guojio.com/video/07a7faa1-3696-4af7-aeac-2d6cf6bf25f9.mp4";
-
-  @override
-  void initState() {
-    // TODO: implement initState
-    super.initState();
-    _controller = VideoPlayerController.network(this.url)
-      // 播放状态
-      ..addListener(() {
-        final bool isPlaying = _controller.value.isPlaying;
-        if (isPlaying != _isPlaying) {
-          setState(() {
-            _isPlaying = isPlaying;
-          });
-        }
-      })
-      // 在初始化完成后必须更新界面
-      ..initialize().then((_) {
-        setState(() {});
-      });
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      child: _controller.value.initialized
-          // 加载成功
-          ? AspectRatio(
-              aspectRatio: _controller.value.aspectRatio,
-              child: VideoPlayer(_controller),
-            )
-          : Container(),
-    );
-  }
-}
-
-class Home extends StatelessWidget {
-  const Home({Key key}) : super(key: key);
-
-  @override
-  Widget build(BuildContext context) {
-    double screenWidth = MediaQuery.of(context).size.width;
-    double screenHeight = MediaQuery.of(context).size.height;
-    RecommendProvider provider = Provider.of<RecommendProvider>(context);
-
-    double rpx = screenWidth / 750;
-    return Stack(children: [
-      Positioned(
-        bottom: 0,
-        width: 0.70 * screenWidth,
-        height: 260 * rpx,
-        child: Container(
-          // decoration: BoxDecoration(color: Colors.redAccent),
-          child: BtnContent(),
-        ),
-      ),
-      Positioned(
-        right: 0,
-        width: 0.2 * screenWidth,
-        height: 500 * rpx,
-        top: 0.45 * screenHeight,
-        child: Container(
-          // decoration: BoxDecoration(color: Colors.orangeAccent),
-          child: ButtonList(),
-        ),
-      ),
-      Positioned(
-        bottom: 20 * rpx,
-        right: 0,
-        width: 0.2 * screenWidth,
-        height: 0.2 * screenWidth,
-        child: Container(
-          // decoration: BoxDecoration(color: Colors.purpleAccent),
-          child: RotateAlbum(),
-        ),
-      )
-    ]);
-  }
-}
-
-class TopTab extends StatefulWidget {
-  TopTab({Key key}) : super(key: key);
-
-  _TopTabState createState() => _TopTabState();
-}
-
-class _TopTabState extends State<TopTab> with SingleTickerProviderStateMixin {
-  // TabController _controller;
-  // RecommendProvider provider;
-  @override
-  void initState() {
-    // TODO: implement initState
-    super.initState();
-    // _controller = TabController(vsync: this, length: 2, initialIndex: 1);
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    RecommendProvider provider = Provider.of<RecommendProvider>(context);
-    double rpx = MediaQuery.of(context).size.width / 750;
-    return Row(
-      crossAxisAlignment: CrossAxisAlignment.center,
-      mainAxisAlignment: MainAxisAlignment.spaceBetween,
-      children: [
-        // BottomNavigationBar(items: [BottomNavigationBarItem(icon: null,)],)
-        SizedBox(
-          width: 17 * rpx,
-        ),
-        Icon(
-          Icons.search,
-          size: 50 * rpx,
-          color: Colors.white,
-        ),
-        Container(
-            child: Container(
-                padding: EdgeInsets.symmetric(horizontal: 90 * rpx),
-                width: 500 * rpx,
-                child: TabBar(
-                  indicatorColor: Colors.white,
-                  labelStyle: TextStyle(color: Colors.white, fontSize: 20),
-                  indicatorPadding: EdgeInsets.symmetric(horizontal: 30),
-                  unselectedLabelStyle:
-                      TextStyle(color: Colors.grey[700], fontSize: 18),
-                  controller: provider.controller,
-                  tabs: <Widget>[Text("关注"), Text("推荐")],
-                ))),
-        Icon(
-          Icons.live_tv,
-          size: 30,
-          color: Colors.white,
-        ),
-        SizedBox(
-          width: 10,
-        ),
-      ],
-    );
-  }
-}
-
-class BtnContent extends StatelessWidget {
-  const BtnContent({Key key}) : super(key: key);
-
-  @override
-  Widget build(BuildContext context) {
-    RecommendProvider provider = Provider.of<RecommendProvider>(context);
-    return Container(
-      child: Column(
-        mainAxisSize: MainAxisSize.min,
-        children: <Widget>[
-          ListTile(
-            title: Text(
-              "@${provider.mainInfo.userName}",
-              style: TextStyle(color: Colors.white, fontSize: 16),
-            ),
-            subtitle: Text(
-              "${provider.mainInfo.content}",
-              style: TextStyle(color: Colors.white, fontSize: 16),
-              maxLines: 3,
-              overflow: TextOverflow.ellipsis,
-            ),
-          ),
-          Row(
-            children: <Widget>[
-              SizedBox(
-                width: 10,
-              ),
-              Icon(
-                Icons.music_note,
-                color: Colors.white,
-              ),
-              // Marquee(text: "",),
-
-              // Container(
-              //     width: 200,
-              //     height: 20,
-              //     child: MarqueeWidget(
-              //       text: '${provider.mainInfo.desc}',
-              //       textStyle: TextStyle(
-              //           fontWeight: FontWeight.bold,
-              //           color: Colors.white,
-              //           fontSize: 16),
-              //       // scrollAxis: Axis.horizontal,
-              //       // crossAxisAlignment: CrossAxisAlignment.start,
-              //       // blankSpace: 20.0,
-              //       // velocity: 100.0,
-              //       // pauseAfterRound: Duration(seconds: 1),
-              //       // startPadding: 10.0,
-              //       // accelerationDuration: Duration(seconds: 1),
-              //       // accelerationCurve: Curves.linear,
-              //       // decelerationDuration: Duration(milliseconds: 500),
-              //       // decelerationCurve: Curves.easeOut,
-              //     ))
-            ],
-          )
-        ],
-      ),
-    );
-  }
-}
-
-class RotateAlbum extends StatefulWidget {
-  RotateAlbum({Key key}) : super(key: key);
-
-  _RotateAlbumState createState() => _RotateAlbumState();
-}
-
-class _RotateAlbumState extends State<RotateAlbum>
-    with SingleTickerProviderStateMixin {
-  AnimationController _controller;
-  var animation;
-
-  @override
-  void initState() {
-    super.initState();
-    _controller =
-        AnimationController(vsync: this, duration: Duration(seconds: 4));
-    animation = RotationTransition(
-      turns: Tween(begin: 0.0, end: 1.0).animate(_controller)
-        ..addStatusListener((status) {
-          if (status == AnimationStatus.completed) {
-            // _controller.forward(from: 0.0);
-          }
-        }),
-      child: Container(
-          child: CircleAvatar(
-        backgroundImage: NetworkImage(
-            "https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/s%3D500/sign=dde475320ee9390152028d3e4bec54f9/d009b3de9c82d1586d8294a38f0a19d8bc3e42a4.jpg"),
-      )),
-    );
-    _controller.forward(from: 0.0);
-  }
-
-  @override
-  void dispose() {
-    // TODO: implement dispose
-    _controller.dispose();
-    super.dispose();
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      padding: EdgeInsets.all(18),
-      child: animation,
-    );
-  }
-}
-
-class ButtonList extends StatefulWidget {
-  ButtonList({Key key}) : super(key: key);
-
-  _ButtonListState createState() => _ButtonListState();
-}
-
-class _ButtonListState extends State<ButtonList> {
-  @override
-  Widget build(BuildContext context) {
-    double rpx = MediaQuery.of(context).size.width / 750;
-    RecommendProvider provider = Provider.of<RecommendProvider>(context);
-    List<IconAnimationStage> stages1 = List<IconAnimationStage>();
-    stages1.add(IconAnimationStage(
-        color: Colors.grey[100],
-        start: 1.0,
-        end: 0.0,
-        duration: Duration(milliseconds: 200)));
-    stages1.add(IconAnimationStage(
-        color: Colors.redAccent,
-        start: 0.0,
-        end: 1.3,
-        duration: Duration(milliseconds: 300)));
-    stages1.add(IconAnimationStage(
-        color: Colors.redAccent,
-        start: 1.3,
-        end: 1.0,
-        duration: Duration(milliseconds: 100)));
-
-    List<IconAnimationStage> stages2 = List<IconAnimationStage>();
-    stages2.add(IconAnimationStage(
-        color: Colors.grey[100],
-        start: 1.0,
-        end: 1.2,
-        duration: Duration(milliseconds: 200)));
-    stages2.add(IconAnimationStage(
-        color: Colors.grey[100],
-        start: 1.2,
-        end: 1.0,
-        duration: Duration(milliseconds: 200)));
-
-    List<IconAnimationStage> stages3 = List<IconAnimationStage>();
-    stages3.add(IconAnimationStage(
-        color: Colors.redAccent,
-        start: 1.0,
-        end: 1.2,
-        duration: Duration(milliseconds: 200)));
-    stages3.add(IconAnimationStage(
-        color: Colors.grey[100],
-        start: 1.2,
-        end: 1.0,
-        duration: Duration(milliseconds: 200)));
-    double iconSize = 70 * rpx;
-    return Container(
-      child: Column(
-        mainAxisAlignment: MainAxisAlignment.spaceAround,
-        crossAxisAlignment: CrossAxisAlignment.center,
-        children: <Widget>[
-          Container(
-              width: 90 * rpx,
-              height: 105 * rpx,
-              child: Stack(
-                children: <Widget>[
-                  Container(
-                      // decoration: BoxDecoration(c),
-                      width: 90 * rpx,
-                      height: 90 * rpx,
-                      child: CircleAvatar(
-                        backgroundImage:
-                            NetworkImage("${provider.mainInfo.avatarUrl}"),
-                      )),
-                  Positioned(
-                    bottom: 0,
-                    left: 25 * rpx,
-                    child: Container(
-                      width: 40 * rpx,
-                      height: 40 * rpx,
-                      decoration: BoxDecoration(
-                          color: Colors.redAccent,
-                          borderRadius: BorderRadius.circular(25)),
-                      child: Icon(
-                        Icons.add,
-                        size: 20,
-                        color: Colors.white,
-                      ),
-                    ),
-                  )
-                ],
-              )),
-          IconText(
-            text: "${provider.mainInfo.favCount}",
-            icon: !provider.mainInfo.ifFaved
-                ? AnimatedIconWidget(
-                    key: UniqueKey(),
-                    animationList: stages1,
-                    icon: Icons.favorite,
-                    size: iconSize,
-                    provider: provider,
-                    callback: () {
-                      provider.tapFav();
-                    })
-                : AnimatedIconWidget(
-                    key: UniqueKey(),
-                    animationList: stages3,
-                    icon: Icons.favorite,
-                    size: iconSize,
-                    provider: provider,
-                    callback: () {
-                      provider.tapFav();
-                    },
-                  ),
-          ),
-          IconText(
-            text: "${provider.mainInfo.replyCount}",
-            icon: AnimatedIconWidget(
-              animationList: stages2,
-              icon: Icons.comment,
-              size: iconSize,
-              callbackDelay: Duration(milliseconds: 200),
-              callback: () {
-                showBottom(context, provider);
-              },
-            ),
-          ),
-          IconText(
-            text: "${provider.mainInfo.shareCount}",
-            icon: AnimatedIconWidget(
-              animationList: stages2,
-              icon: Icons.reply,
-              size: iconSize,
-            ),
-          ),
-        ],
-      ),
-    );
-  }
-}
-
-class IconText extends StatelessWidget {
-  const IconText({Key key, this.icon, this.text}) : super(key: key);
-  final AnimatedIconWidget icon;
-  final String text;
-
-  @override
-  Widget build(BuildContext context) {
-    double rpx = MediaQuery.of(context).size.width / 750;
-    return Container(
-      child: Column(
-        mainAxisSize: MainAxisSize.min,
-        mainAxisAlignment: MainAxisAlignment.center,
-        crossAxisAlignment: CrossAxisAlignment.center,
-        children: <Widget>[
-          icon,
-          Container(
-              // alignment: Alignment.center,
-              child: Text(
-            text,
-            style: TextStyle(color: Colors.white, fontSize: 25 * rpx),
-          )),
-        ],
-      ),
-    );
-  }
-}
-
-showBottom(context, provider) {
-  double height = MediaQuery.of(context).size.height;
-  provider.setScreenHeight(height);
-  provider.hideBottomBar();
-  showModalBottomSheet(
-      shape: RoundedRectangleBorder(
-          borderRadius: BorderRadiusDirectional.circular(10)),
-      context: context,
-      builder: (_) {
-        return Container(
-            height: 600,
-            child: GestureDetector(
-                onTap: () {
-                  FocusScope.of(context).requestFocus(FocusNode());
-                },
-                child: ReplyFullList(pCtx: context)));
-      });
-}
+}

lib/model/posts_model.dart

@@ -0,0 +1,60 @@
+import 'package:json_annotation/json_annotation.dart';
+
+part 'posts_model.g.dart';
+
+@JsonSerializable()
+class PostsModel extends Object {
+  String postsID;
+  String postsContent;
+  String postsMaker;
+  DateTime postsMakeDate;
+  int postsPicCount;
+  int postsReaded;
+  int postsLoved;
+  String postsPics;
+  String makerName;
+  String makerID;
+  String picsSimpPath;
+  String picsPath;
+  String whenPosts;
+  String makerPhoto;
+  double latitude;
+  double longitude;
+  String postsLocation;
+  String postsType;
+  int postsStatus;
+  int ifOfficial;
+  int ifLY;
+  double picsRate;
+  bool ifUserLoved;
+
+  PostsModel(
+      this.postsID,
+      this.postsContent,
+      this.postsMaker,
+      this.postsMakeDate,
+      this.postsPicCount,
+      this.postsReaded,
+      this.postsLoved,
+      this.postsPics,
+      this.ifLY,
+      this.ifOfficial,
+      this.ifUserLoved,
+      this.latitude,
+      this.longitude,
+      this.makerID,
+      this.makerName,
+      this.makerPhoto,
+      this.picsPath,
+      this.picsRate,
+      this.picsSimpPath,
+      this.postsLocation,
+      this.postsStatus,
+      this.postsType,
+      this.whenPosts);
+
+  factory PostsModel.fromJson(Map<String, dynamic> json) =>
+      _$PostsModelFromJson(json);
+
+  Map<String, dynamic> toJson() => _$PostsModelToJson(this);
+}

lib/models/PostsModel.dart

@@ -1,37 +0,0 @@
-import 'package:json_annotation/json_annotation.dart';
-part 'PostsModel.g.dart';
-
-@JsonSerializable()
-class PostsModel extends Object {
-  String postsID;
-  String postsContent;
-  String postsMaker;
-  DateTime postsMakeDate;
-  int postsPicCount;
-  int postsReaded;
-  int postsLoved;
-  String postsPics;
-  String makerName;
-  String makerID;
-  String picsSimpPath;
-  String picsPath;
-  String whenPosts;
-  String makerPhoto;
-  double latitude;
-  double longitude;
-  String postsLocation;
-  String postsType;
-  int postsStatus;
-  int ifOfficial;
-  int ifLY;
-  double picsRate;
-  bool ifUserLoved;
-
-  PostsModel(this.postsID,this.postsContent,this.postsMaker,this.postsMakeDate,this.postsPicCount,this.postsReaded,this.postsLoved,this.postsPics,this.ifLY
-  ,this.ifOfficial,this.ifUserLoved,this.latitude,this.longitude,this.makerID,this.makerName,this.makerPhoto,this.picsPath,this.picsRate,this.picsSimpPath,this.postsLocation,this.postsStatus
-  ,this.postsType,this.whenPosts);
-
-
-  factory PostsModel.fromJson(Map<String, dynamic> json) => _$PostsModelFromJson(json);
-  Map<String, dynamic> toJson() => _$PostsModelToJson(this);
-}

lib/pages/CameraPage/CameraMain.dart → lib/pages/CameraMain.dart

@@ -19,8 +19,8 @@ class CameraPage extends StatelessWidget {
     return Scaffold(
       backgroundColor: Theme.of(context).primaryColor,
       body: CameraMain(
-            rpx: MediaQuery.of(context).size.width / 750,
-          ),
+        rpx: MediaQuery.of(context).size.width / 750,
+      ),
       bottomNavigationBar: BottomAppBar(),
     );
   }
@@ -29,6 +29,7 @@ class CameraPage extends StatelessWidget {
 class CameraMain extends StatefulWidget {
   CameraMain({Key key, @required this.rpx}) : super(key: key);
   final double rpx;
+
   @override
   _CameraMainState createState() => _CameraMainState();
 }
@@ -42,6 +43,7 @@ class _CameraMainState extends State<CameraMain> {
   CameraController _controller;
   bool findFace = false;
   var cameras;
+
   @override
   void initState() {
     super.initState();
@@ -72,7 +74,6 @@ class _CameraMainState extends State<CameraMain> {
   }
 
   void _scanFrame(CameraImage availableImage) async {
-    
     final FirebaseVisionImageMetadata metadata = FirebaseVisionImageMetadata(
         rawFormat: availableImage.format.raw,
         size: Size(
@@ -135,7 +136,7 @@ class _CameraMainState extends State<CameraMain> {
   @override
   Widget build(BuildContext context) {
     provider = Provider.of<CameraProvider>(context);
-    _controller=provider.cameraController;
+    _controller = provider.cameraController;
     if (provider == null || _controller == null) {
       return Container(
         child: Center(child: CircularProgressIndicator()),
@@ -152,11 +153,16 @@ class _CameraMainState extends State<CameraMain> {
     return _controller.value.isInitialized
         ? Stack(children: <Widget>[
             // Camera.open(cameraId),
-            findFace? Positioned(
-              top: 0,
-              left: 0,
-              child: Container(width: 100,height: 100,color: Colors.red,)
-            ):Container(),
+            findFace
+                ? Positioned(
+                    top: 0,
+                    left: 0,
+                    child: Container(
+                      width: 100,
+                      height: 100,
+                      color: Colors.red,
+                    ))
+                : Container(),
             ClipRect(
                 child: Transform.scale(
               scale: _controller.value.aspectRatio / size.aspectRatio,
@@ -448,6 +454,7 @@ class AnimVideoButton extends StatefulWidget {
   final double innerWidth;
   final double rpx;
   final CameraProvider provider;
+
   _AnimVideoButtonState createState() => _AnimVideoButtonState();
 }
 
@@ -463,6 +470,7 @@ class _AnimVideoButtonState extends State<AnimVideoButton>
   bool ifRecording;
   CameraProvider provider;
   double curBorder;
+
   @override
   void dispose() {
     // TODO: implement dispose
@@ -553,6 +561,7 @@ class _AnimVideoButtonState extends State<AnimVideoButton>
 class ScrollBottomBar extends StatefulWidget {
   ScrollBottomBar({Key key, @required this.rpx}) : super(key: key);
   final double rpx;
+
   _ScrollBottomBarState createState() => _ScrollBottomBarState();
 }
 
@@ -683,6 +692,7 @@ class CircleTakePhoto extends StatelessWidget {
       : super(key: key);
   final double outBox;
   final double innerBox;
+
   @override
   Widget build(BuildContext context) {
     double rpx = MediaQuery.of(context).size.width / 750;
@@ -735,6 +745,7 @@ class IconWithText extends StatelessWidget {
       : super(key: key);
   final Icon icon;
   final String text;
+
   @override
   Widget build(BuildContext context) {
     return Column(

lib/pages/FaceDetect/FaceDetection.dart → lib/pages/FaceDetection.dart

@@ -1,10 +1,8 @@
 import 'dart:io';
-
 import 'package:firebase_ml_vision/firebase_ml_vision.dart';
 import 'package:flutter/material.dart';
 import 'package:image_picker/image_picker.dart';
 
-
 class FaceDetectionView extends StatefulWidget {
   FaceDetectionView({Key key}) : super(key: key);
 
@@ -14,14 +12,18 @@ class FaceDetectionView extends StatefulWidget {
 
 class _FaceDetectionViewState extends State<FaceDetectionView> {
   File filePath;
+
   @override
-  void initState() { 
+  void initState() {
     super.initState();
-    
   }
+
   chooseImage() async {
-    filePath=await ImagePicker.pickImage(source: ImageSource.gallery,imageQuality: 100,maxWidth: MediaQuery.of(context).size.width);
-    var availableImage=filePath;
+    filePath = await ImagePicker.pickImage(
+        source: ImageSource.gallery,
+        imageQuality: 100,
+        maxWidth: MediaQuery.of(context).size.width);
+    var availableImage = filePath;
     // final FirebaseVisionImageMetadata metadata = FirebaseVisionImageMetadata(
     //     rawFormat: availableImage.format.raw,
     //     size: Size(
@@ -41,20 +43,28 @@ class _FaceDetectionViewState extends State<FaceDetectionView> {
     print(faces[0].boundingBox);
 
     setState(() {
-      filePath=filePath;
+      filePath = filePath;
     });
   }
+
   @override
   Widget build(BuildContext context) {
-    return Stack(
-      children: [
-        RaisedButton(child: Text("选择图片"),onPressed: (){chooseImage();},),
-        filePath==null?Container():
-        Container(
-           child: Image.file(filePath,fit: BoxFit.fitWidth,),
-        )
-      ]
-    );
+    return Stack(children: [
+      RaisedButton(
+        child: Text("选择图片"),
+        onPressed: () {
+          chooseImage();
+        },
+      ),
+      filePath == null
+          ? Container()
+          : Container(
+              child: Image.file(
+                filePath,
+                fit: BoxFit.fitWidth,
+              ),
+            )
+    ]);
   }
 }
 
@@ -67,4 +77,4 @@ class FaceMain extends StatelessWidget {
       body: FaceDetectionView(),
     );
   }
-}
+}

lib/pages/RecommendPage/BottomSheet.dart

@@ -5,7 +5,7 @@ import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 
 class ReplyFullList extends StatelessWidget {
-  ReplyFullList({Key key,this.pCtx}) : super(key: key);
+  ReplyFullList({Key key, this.pCtx}) : super(key: key);
   final BuildContext pCtx;
 
   @override
@@ -21,31 +21,32 @@ class ReplyFullList extends StatelessWidget {
     ScrollController controller = ScrollController();
     return Scaffold(
         appBar: PreferredSize(
-          preferredSize: Size.fromHeight(80*rpx),
-          child: AppBar(
-            leading: Container(),
-            elevation:0,
-            backgroundColor: Colors.grey[50],
-            actions: <Widget>[
-              IconButton(
-                icon: Icon(
-                  Icons.close,
-                  color: Colors.black,
-                ),
-                onPressed: () {
-                  Navigator.pop(context);
-                },
-              )
-            ],
-            title: Text(
-              "10条评论",
-              style: TextStyle(color: Colors.grey[700],fontSize: 25*rpx),
-            ),
-            // elevation: 1,
-          )
-        ),
+            preferredSize: Size.fromHeight(80 * rpx),
+            child: AppBar(
+              leading: Container(),
+              elevation: 0,
+              backgroundColor: Colors.grey[50],
+              actions: <Widget>[
+                IconButton(
+                  icon: Icon(
+                    Icons.close,
+                    color: Colors.black,
+                  ),
+                  onPressed: () {
+                    Navigator.pop(context);
+                  },
+                )
+              ],
+              title: Text(
+                "10条评论",
+                style: TextStyle(color: Colors.grey[700], fontSize: 25 * rpx),
+              ),
+              // elevation: 1,
+            )),
         bottomNavigationBar: SafeArea(
-          child: BottomReplyBar(pCtx: pCtx,),
+          child: BottomReplyBar(
+            pCtx: pCtx,
+          ),
         ),
         body: SingleChildScrollView(
             controller: controller,
@@ -59,6 +60,7 @@ class ReplyList extends StatelessWidget {
   const ReplyList({Key key, this.reply, this.controller}) : super(key: key);
   final Reply reply;
   final ScrollController controller;
+
   @override
   Widget build(BuildContext context) {
     double rpx = MediaQuery.of(context).size.width / 750;
@@ -114,6 +116,7 @@ class ReplyList extends StatelessWidget {
 class AfterReply extends StatelessWidget {
   const AfterReply({Key key, this.afterReply}) : super(key: key);
   final Reply afterReply;
+
   @override
   Widget build(BuildContext context) {
     double rpx = MediaQuery.of(context).size.width / 750;
@@ -204,40 +207,59 @@ genAfterReplyList(List<Reply> replies, ScrollController controller) {
 }
 
 class BottomReplyBar extends StatelessWidget {
-  const BottomReplyBar({Key key,this.pCtx}) : super(key: key);
+  const BottomReplyBar({Key key, this.pCtx}) : super(key: key);
   final BuildContext pCtx;
+
   @override
   Widget build(BuildContext context) {
-    TextEditingController _controller=TextEditingController();
-    double toBottom=MediaQuery.of(context).viewInsets.bottom;
-    double rpx=MediaQuery.of(context).size.width/750;
+    TextEditingController _controller = TextEditingController();
+    double toBottom = MediaQuery.of(context).viewInsets.bottom;
+    double rpx = MediaQuery.of(context).size.width / 750;
     return Container(
       padding: EdgeInsets.only(bottom: toBottom),
-      decoration: BoxDecoration(border: Border(top: BorderSide(color: Colors.grey[200],width: 1))),
-      child: Row(children: <Widget>[
-        Expanded(
-          child: Container(
-            padding: EdgeInsets.only(left: 30*rpx),
+      decoration: BoxDecoration(
+          border: Border(top: BorderSide(color: Colors.grey[200], width: 1))),
+      child: Row(
+        children: <Widget>[
+          Expanded(
+              child: Container(
+            padding: EdgeInsets.only(left: 30 * rpx),
             // width: 600*rspx,
-            child: TextField(controller: _controller,decoration: InputDecoration(hintText: "留下你的精彩评论",border: InputBorder.none),),
+            child: TextField(
+              controller: _controller,
+              decoration: InputDecoration(
+                  hintText: "留下你的精彩评论", border: InputBorder.none),
+            ),
+          )),
+          IconButton(
+            icon: Icon(
+              Icons.email,
+              color: Colors.grey[500],
+              size: 50 * rpx,
+            ),
+            onPressed: () {
+              showAtFriendPage(pCtx);
+            },
+          ),
+          IconButton(
+            icon: Icon(Icons.face, color: Colors.grey[500], size: 50 * rpx),
+            onPressed: () {},
+          ),
+          SizedBox(
+            width: 20 * rpx,
           )
-        ),
-        IconButton(icon: Icon(Icons.email,color: Colors.grey[500],size: 50*rpx,),onPressed: (){showAtFriendPage(pCtx);},),
-        IconButton(icon: Icon(Icons.face,color: Colors.grey[500],size: 50*rpx),onPressed: (){},),
-        SizedBox(width: 20*rpx,)
-      ],),
+        ],
+      ),
     );
   }
 }
 
-showAtFriendPage(BuildContext context){
+showAtFriendPage(BuildContext context) {
   Navigator.of(context).push(MaterialPageRoute(
       builder: (BuildContext context) {
-        return  MultiProvider(
-          providers: [ChangeNotifierProvider(builder:(context)=>AtUserProvider())],
-          child: AtFriendPage()
-        );
+        return MultiProvider(providers: [
+          ChangeNotifierProvider(builder: (context) => AtUserProvider())
+        ], child: AtFriendPage());
       },
-    fullscreenDialog: true
-  ));
+      fullscreenDialog: true));
 }

lib/pages/RecommendPage/FriendList.dart

@@ -11,12 +11,11 @@ class AtFriendPage extends StatelessWidget {
     ScrollController controller = ScrollController();
     double rpx = MediaQuery.of(context).size.width / 750;
     AtUserProvider provider = Provider.of<AtUserProvider>(context);
-    // AtUserProvider provider = Provider.of<AtUserProvider>(context);
 
     List<String> groupList = provider.groupList;
     return provider != null
         ? Scaffold(
-          backgroundColor: Color(0xff121319),
+            backgroundColor: Color(0xff121319),
             appBar: AppBar(
                 backgroundColor: Color(0xff121319),
                 leading: Container(
@@ -48,29 +47,29 @@ class AtFriendPage extends StatelessWidget {
                   ),
                 )),
             body: ListView.builder(
-                  shrinkWrap: true,
-                  controller: controller,
-                  itemCount: groupList.length,
-                  itemBuilder: (BuildContext context, int index) {
-                    return StickyHeader(
-                      header: Container(
-                        width: MediaQuery.of(context).size.width,
-                        padding:EdgeInsets.only(left: 20*rpx) ,
-                        height: 50,
-                        decoration: BoxDecoration(color: Color(0xff121319)),
-                        alignment: Alignment.centerLeft,
-                        child: Text(
-                          groupList[index].toString(),
-                          style: TextStyle(color: Colors.white, fontSize: 35*rpx),
-                        ),
-                      ),
-                      content: genContentList(
-                          provider.result[provider.groupList[index]],
-                          context,
-                          controller),
-                    );
-                  },
-                ),
+              shrinkWrap: true,
+              controller: controller,
+              itemCount: groupList.length,
+              itemBuilder: (BuildContext context, int index) {
+                return StickyHeader(
+                  header: Container(
+                    width: MediaQuery.of(context).size.width,
+                    padding: EdgeInsets.only(left: 20 * rpx),
+                    height: 50,
+                    decoration: BoxDecoration(color: Color(0xff121319)),
+                    alignment: Alignment.centerLeft,
+                    child: Text(
+                      groupList[index].toString(),
+                      style: TextStyle(color: Colors.white, fontSize: 35 * rpx),
+                    ),
+                  ),
+                  content: genContentList(
+                      provider.result[provider.groupList[index]],
+                      context,
+                      controller),
+                );
+              },
+            ),
           )
         : Scaffold();
   }

lib/pages/sameCity/SameCityPage.dart → lib/pages/SameCityPage.dart

@@ -1,12 +1,12 @@
-import 'package:douyin_demo/models/PostsModel.dart';
+import 'package:douyin_demo/model/posts_model.dart';
 import 'package:douyin_demo/providers/PostsGalleryProvider.dart';
-import 'package:douyin_demo/widgets/BottomBar.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 
 class SameCityMain extends StatelessWidget {
   const SameCityMain({Key key, this.selIndex}) : super(key: key);
   final int selIndex;
+
   @override
   Widget build(BuildContext context) {
     PostsGalleryProvider provider =
@@ -88,12 +88,12 @@ class WaterFallList extends StatelessWidget {
       : super(key: key);
   final List<PostsModel> dataList;
   final ScrollController controller;
+
   @override
   Widget build(BuildContext context) {
-    
     double rpx = MediaQuery.of(context).size.width / 750;
-    double outPadding=10*rpx;
-    double eachSide=2*rpx;
+    double outPadding = 10 * rpx;
+    double eachSide = 2 * rpx;
     return ListView.builder(
       controller: controller,
       shrinkWrap: true,
@@ -101,59 +101,66 @@ class WaterFallList extends StatelessWidget {
       itemBuilder: (context, index) {
         PostsModel curPosts = dataList[index];
         return Container(
-          margin: EdgeInsets.only(bottom: 10*rpx),
-          child: Column(
-            mainAxisSize: MainAxisSize.min,
-            children: <Widget>[
-              Stack(
-                children: <Widget>[
-                  Container(
-                      width: 345 * rpx,
-                      padding: EdgeInsets.symmetric(horizontal: eachSide),
-                      height: 345 * curPosts.picsRate * rpx,
-                      child: Image.network(
-                        "https://www.guojio.com/" + curPosts.postsPics,
-                        fit: BoxFit.fitWidth,
-                      )),
-                  Positioned(
-                    bottom: 0,
-                    child: Container(
+            margin: EdgeInsets.only(bottom: 10 * rpx),
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: <Widget>[
+                Stack(
+                  children: <Widget>[
+                    Container(
                         width: 345 * rpx,
-                        height: 60 * rpx,
-                        padding: EdgeInsets.all(eachSide+10*rpx),
-                        child: Row(
-                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                          children: <Widget>[
-                            Row(
-                              children: <Widget>[
-                                Icon(Icons.near_me,color: Colors.grey[400],size: 32*rpx,),
-                                Text("1km",style: TextStyle(color:Colors.grey[400],fontSize: 26*rpx),),
-                              ],
-                            ),
-                            Container(
-                                width: 40 * rpx,
-                                height: 40 * rpx,
-                                child: CircleAvatar(
-                                    backgroundImage: NetworkImage(
-                                  curPosts.makerPhoto,
-                                )))
-                          ],
+                        padding: EdgeInsets.symmetric(horizontal: eachSide),
+                        height: 345 * curPosts.picsRate * rpx,
+                        child: Image.network(
+                          "https://www.guojio.com/" + curPosts.postsPics,
+                          fit: BoxFit.fitWidth,
                         )),
-                  )
-                ],
-              ),
-              Container(
-                padding: EdgeInsets.all(10*rpx),
-                child: Text(
-                  curPosts.postsContent,
-                  maxLines: 3,
-                  overflow: TextOverflow.ellipsis,
-                  style: TextStyle(color: Colors.white,fontSize: 26*rpx),
-                )
-              )
-            ],
-          )
-        );
+                    Positioned(
+                      bottom: 0,
+                      child: Container(
+                          width: 345 * rpx,
+                          height: 60 * rpx,
+                          padding: EdgeInsets.all(eachSide + 10 * rpx),
+                          child: Row(
+                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                            children: <Widget>[
+                              Row(
+                                children: <Widget>[
+                                  Icon(
+                                    Icons.near_me,
+                                    color: Colors.grey[400],
+                                    size: 32 * rpx,
+                                  ),
+                                  Text(
+                                    "1km",
+                                    style: TextStyle(
+                                        color: Colors.grey[400],
+                                        fontSize: 26 * rpx),
+                                  ),
+                                ],
+                              ),
+                              Container(
+                                  width: 40 * rpx,
+                                  height: 40 * rpx,
+                                  child: CircleAvatar(
+                                      backgroundImage: NetworkImage(
+                                    curPosts.makerPhoto,
+                                  )))
+                            ],
+                          )),
+                    )
+                  ],
+                ),
+                Container(
+                    padding: EdgeInsets.all(10 * rpx),
+                    child: Text(
+                      curPosts.postsContent,
+                      maxLines: 3,
+                      overflow: TextOverflow.ellipsis,
+                      style: TextStyle(color: Colors.white, fontSize: 26 * rpx),
+                    ))
+              ],
+            ));
       },
     );
   }

lib/pages/selfHome/HomePage.dart → lib/pages/home_page.dart

@@ -20,6 +20,7 @@ class SelfHomePage extends StatelessWidget {
 class HomeMain extends StatefulWidget {
   HomeMain({Key key, @required this.rpx}) : super(key: key);
   final double rpx;
+
   _HomeMainState createState() => _HomeMainState();
 }
 
@@ -31,12 +32,12 @@ class _HomeMainState extends State<HomeMain> with TickerProviderStateMixin {
   AnimationController animationController;
   Animation<double> anim;
   TabController tabController;
-  double expanedHeight=300;
+  double expanedHeight = 300;
 
   @override
   void initState() {
     super.initState();
-    tabController=TabController(vsync: this,length: 3);
+    tabController = TabController(vsync: this, length: 3);
     prev_dy = 0;
     fitType = BoxFit.fitWidth;
     animationController =
@@ -61,9 +62,9 @@ class _HomeMainState extends State<HomeMain> with TickerProviderStateMixin {
     });
   }
 
-  updateExpandedHeight(height){
+  updateExpandedHeight(height) {
     setState(() {
-      expanedHeight=height;
+      expanedHeight = height;
     });
   }
 
@@ -117,13 +118,17 @@ class _HomeMainState extends State<HomeMain> with TickerProviderStateMixin {
                 onPressed: () {},
               ),
               bottom: PreferredSize(
-                  preferredSize: Size.fromHeight(50), child:TabBar(controller: tabController,tabs: <Widget>[
-                    Text("作品 91"),
-                    Text("动态 91"),
-                    Text("喜欢 91"),
-                  ],)),
+                  preferredSize: Size.fromHeight(50),
+                  child: TabBar(
+                    controller: tabController,
+                    tabs: <Widget>[
+                      Text("作品 91"),
+                      Text("动态 91"),
+                      Text("喜欢 91"),
+                    ],
+                  )),
               // expandedHeight: 510 * rpx + extraPicHeight,
-              expandedHeight: expanedHeight+extraPicHeight,
+              expandedHeight: expanedHeight + extraPicHeight,
               flexibleSpace: Container(
                 child: TopBarWithCallback(
                   extraPicHeight: extraPicHeight,
@@ -150,25 +155,36 @@ class _HomeMainState extends State<HomeMain> with TickerProviderStateMixin {
 }
 
 class TopBarWithCallback extends StatefulWidget {
-  TopBarWithCallback({Key key,@required this.extraPicHeight, @required this.fitType, @required this.updateHeight}) : super(key: key);
+  TopBarWithCallback(
+      {Key key,
+      @required this.extraPicHeight,
+      @required this.fitType,
+      @required this.updateHeight})
+      : super(key: key);
   final double extraPicHeight;
   final BoxFit fitType;
   final Function(double) updateHeight;
+
   _TopBarWithCallbackState createState() => _TopBarWithCallbackState();
 }
 
-class _TopBarWithCallbackState extends State<TopBarWithCallback> with AfterLayoutMixin {
+class _TopBarWithCallbackState extends State<TopBarWithCallback>
+    with AfterLayoutMixin {
   @override
   Widget build(BuildContext context) {
     return Container(
-       child: SliverTopBar(extraPicHeight: widget.extraPicHeight,fitType: widget.fitType,),
+      child: SliverTopBar(
+        extraPicHeight: widget.extraPicHeight,
+        fitType: widget.fitType,
+      ),
     );
   }
 
   @override
   void afterFirstLayout(BuildContext context) {
-    RenderBox box=context.findRenderObject();
-    double height=box.getMaxIntrinsicHeight(MediaQuery.of(context).size.width);
+    RenderBox box = context.findRenderObject();
+    double height =
+        box.getMaxIntrinsicHeight(MediaQuery.of(context).size.width);
     widget.updateHeight(height);
   }
 }
@@ -179,6 +195,7 @@ class SliverTopBar extends StatelessWidget {
       : super(key: key);
   final double extraPicHeight;
   final BoxFit fitType;
+
   @override
   Widget build(BuildContext context) {
     double rpx = MediaQuery.of(context).size.width / 750;
@@ -306,20 +323,42 @@ class SliverTopBar extends StatelessWidget {
               ),
             ),
             Container(
-              padding: EdgeInsets.symmetric(horizontal: 20*rpx,vertical: 10*rpx),
+              padding: EdgeInsets.symmetric(
+                  horizontal: 20 * rpx, vertical: 10 * rpx),
               child: Row(
                 children: <Widget>[
-                  Tag(text:"深圳" ,),
-                  Tag(text: "世界之窗",),
-                  Tag(text: "深圳大学",)
+                  Tag(
+                    text: "深圳",
+                  ),
+                  Tag(
+                    text: "世界之窗",
+                  ),
+                  Tag(
+                    text: "深圳大学",
+                  )
                 ],
               ),
             ),
-            Container(padding: EdgeInsets.symmetric(horizontal: 20*rpx,vertical: 30*rpx),child: Row(children: <Widget>[
-              NumWithDesc(numm: "100.2w",desc: "获赞",),
-              NumWithDesc(numm: "15",desc: "关注",),
-              NumWithDesc(numm: "10.8w",desc: "粉丝",),
-            ],),)
+            Container(
+              padding: EdgeInsets.symmetric(
+                  horizontal: 20 * rpx, vertical: 30 * rpx),
+              child: Row(
+                children: <Widget>[
+                  NumWithDesc(
+                    numm: "100.2w",
+                    desc: "获赞",
+                  ),
+                  NumWithDesc(
+                    numm: "15",
+                    desc: "关注",
+                  ),
+                  NumWithDesc(
+                    numm: "10.8w",
+                    desc: "粉丝",
+                  ),
+                ],
+              ),
+            )
           ],
         ),
         Positioned(
@@ -344,40 +383,50 @@ class SliverTopBar extends StatelessWidget {
 class Tag extends StatelessWidget {
   const Tag({Key key, @required this.text}) : super(key: key);
   final String text;
+
   @override
   Widget build(BuildContext context) {
     double rpx = MediaQuery.of(context).size.width / 750;
     return Container(
       child: Text(
         text,
-        style: TextStyle(fontSize: 26 * rpx,color: Color(0xff64626e)),
+        style: TextStyle(fontSize: 26 * rpx, color: Color(0xff64626e)),
       ),
       color: Color(0xff3b3c49),
       padding: EdgeInsets.all(10 * rpx),
-      margin: EdgeInsets.only(right: 10*rpx),
+      margin: EdgeInsets.only(right: 10 * rpx),
     );
   }
 }
 
 class NumWithDesc extends StatelessWidget {
-  const NumWithDesc({Key key,@required this.numm,@required this.desc}) : super(key: key);
+  const NumWithDesc({Key key, @required this.numm, @required this.desc})
+      : super(key: key);
   final String numm;
   final String desc;
+
   @override
   Widget build(BuildContext context) {
-    
-    double rpx=MediaQuery.of(context).size.width/750;
-    double textSize=35*rpx;
+    double rpx = MediaQuery.of(context).size.width / 750;
+    double textSize = 35 * rpx;
     return Padding(
-      padding: EdgeInsets.only(right: 20*rpx),
-      child: Row(
-        children: <Widget>[
-          Text(numm,style: TextStyle(fontSize: textSize,color: Colors.white,fontWeight: FontWeight.bold),),
-          SizedBox(width: 10*rpx,),
-          Text(desc,style: TextStyle(fontSize: textSize,color: Color(0xff3b3c49)))
-        ],
-      )
-    );
+        padding: EdgeInsets.only(right: 20 * rpx),
+        child: Row(
+          children: <Widget>[
+            Text(
+              numm,
+              style: TextStyle(
+                  fontSize: textSize,
+                  color: Colors.white,
+                  fontWeight: FontWeight.bold),
+            ),
+            SizedBox(
+              width: 10 * rpx,
+            ),
+            Text(desc,
+                style: TextStyle(fontSize: textSize, color: Color(0xff3b3c49)))
+          ],
+        ));
   }
 }
 

lib/pages/loadData/loadData.dart → lib/pages/loadData.dart

@@ -25,6 +25,7 @@ class _RefreshPageState extends State<RefreshPage> {
   List<String> data = List<String>();
   ScrollController controller;
   bool ifLoading = false;
+
   @override
   void initState() {
     super.initState();
@@ -38,7 +39,7 @@ class _RefreshPageState extends State<RefreshPage> {
       RefreshIndicator(
         onRefresh: () {
           return Future.delayed(Duration(seconds: 1), () {
-            data=List<String>();
+            data = List<String>();
             List.generate(30, (i) => data.add("item ${i + 1}"));
             setState(() {
               data = data;
@@ -49,7 +50,6 @@ class _RefreshPageState extends State<RefreshPage> {
             onNotification: (scroll) {
               if (!ifLoading &&
                   scroll.metrics.maxScrollExtent <= controller.offset + 200) {
-                
                 setState(() {
                   ifLoading = true;
                 });

lib/pages/recommend_page.dart

@@ -1,15 +1,97 @@
+import 'package:douyin_demo/providers/RecommendProvider.dart';
+import 'package:douyin_demo/views/bottom_safebar.dart';
+import 'package:douyin_demo/views/main_tab_view.dart';
 import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
 
-class RecommendPage extends StatefulWidget {
-  const RecommendPage({Key key}) : super(key: key);
+class RecommendPage extends StatelessWidget {
+  final int selIndex;
+
+  const RecommendPage({Key key, this.selIndex}) : super(key: key);
 
   @override
-  _RecommendPageState createState() => _RecommendPageState();
+  Widget build(BuildContext context) {
+    double rpx = MediaQuery.of(context).size.width / 750;
+
+    return MultiProvider(
+        providers: [
+          ChangeNotifierProvider(
+            builder: (context) => RecommendProvider(),
+          )
+        ],
+        child: Scaffold(
+          resizeToAvoidBottomInset: false,
+          body: Stack(children: [
+            MainTabView(),
+            Positioned(
+              top: 20 * rpx,
+              // height: 120,
+              width: 750 * rpx,
+              child: SafeArea(
+                  child: Container(
+                // decoration: BoxDecoration(color: Colors.pinkAccent),
+                child: TopTab(),
+              )),
+            ),
+          ]),
+          bottomNavigationBar: BottomSafeBar(
+            selIndex: selIndex,
+          ),
+        ));
+  }
+}
+
+class TopTab extends StatefulWidget {
+  TopTab({Key key}) : super(key: key);
+
+  _TopTabState createState() => _TopTabState();
 }
 
-class _RecommendPageState extends State<RecommendPage> {
+class _TopTabState extends State<TopTab> with SingleTickerProviderStateMixin {
+  @override
+  void initState() {
+    super.initState();
+  }
+
   @override
   Widget build(BuildContext context) {
-    return Container();
+    RecommendProvider provider = Provider.of<RecommendProvider>(context);
+    double rpx = MediaQuery.of(context).size.width / 750;
+    return Row(
+      crossAxisAlignment: CrossAxisAlignment.center,
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        // BottomNavigationBar(items: [BottomNavigationBarItem(icon: null,)],)
+        SizedBox(
+          width: 17 * rpx,
+        ),
+        Icon(
+          Icons.search,
+          size: 50 * rpx,
+          color: Colors.white,
+        ),
+        Container(
+            child: Container(
+                padding: EdgeInsets.symmetric(horizontal: 90 * rpx),
+                width: 500 * rpx,
+                child: TabBar(
+                  indicatorColor: Colors.white,
+                  labelStyle: TextStyle(color: Colors.white, fontSize: 20),
+                  indicatorPadding: EdgeInsets.symmetric(horizontal: 30),
+                  unselectedLabelStyle:
+                      TextStyle(color: Colors.grey[700], fontSize: 18),
+                  controller: provider.controller,
+                  tabs: <Widget>[Text("关注"), Text("推荐")],
+                ))),
+        Icon(
+          Icons.live_tv,
+          size: 30,
+          color: Colors.white,
+        ),
+        SizedBox(
+          width: 10,
+        ),
+      ],
+    );
   }
 }

lib/pages/splash_page.dart

@@ -0,0 +1,17 @@
+import 'package:flutter/material.dart';
+
+class SplashPage extends StatefulWidget {
+  const SplashPage({Key key}) : super(key: key);
+
+  @override
+  _SplashPageState createState() => _SplashPageState();
+}
+
+class _SplashPageState extends State<SplashPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Text("闪屏页"),
+    );
+  }
+}

lib/providers/AtUserProvider.dart

@@ -11,17 +11,16 @@ class AtUserProvider with ChangeNotifier {
   AppBar appBar = AppBar();
   double appHeight;
 
-  List<Key> keys = List<Key>();
+  List<Key> keys = <Key>[];
   ScrollController controller = ScrollController();
 
-  List<Contact> contacts = List<Contact>();
-  List<Map<String, dynamic>> dataMap = List<Map<String, dynamic>>();
+  List<Contact> contacts = <Contact>[];
+  List<Map<String, dynamic>> dataMap = <Map<String, dynamic>>[];
   Map<dynamic, List<dynamic>> result;
-  List<String> groupList = List<String>();
+  List<String> groupList = <String>[];
 
   AtUserProvider() {
     appHeight = appBar.preferredSize.height;
-    // data.sort((a,b)=>a["name"].toString().compareTo(b["name"].toString()));
     for (var item in data) {
       contacts.add(Contact(
           avatarUrl: item["avatar_url"].toString(),

lib/providers/CameraProvider.dart

@@ -1,9 +1,8 @@
 import 'dart:io';
 
+import 'package:camera/camera.dart';
 import 'package:firebase_ml_vision/firebase_ml_vision.dart';
 import 'package:flutter/material.dart';
-import 'package:camera/camera.dart';
-
 import 'package:path/path.dart' as p;
 import 'package:path_provider/path_provider.dart';
 import 'package:uuid/uuid.dart';
@@ -32,8 +31,7 @@ class CameraProvider extends State<StatefulWidget>
   }
 
   captureFrame() {
-   
-    cameraController.startImageStream((CameraImage image)  {
+    cameraController.startImageStream((CameraImage image) {
       cameraController.stopImageStream();
       detectImage(image);
       captureFrame();
@@ -42,11 +40,11 @@ class CameraProvider extends State<StatefulWidget>
 
   detectImage(image) async {
     final List<Face> faces = await faceDetector.processImage(
-          FirebaseVisionImage.fromBytes(image.planes[0].bytes, null));
-          print(faces);
-      if (faces.length > 0) {
-        print(faces[0].headEulerAngleY);
-      }
+        FirebaseVisionImage.fromBytes(image.planes[0].bytes, null));
+    print(faces);
+    if (faces.length > 0) {
+      print(faces[0].headEulerAngleY);
+    }
   }
 
   getCameras() async {
@@ -58,18 +56,18 @@ class CameraProvider extends State<StatefulWidget>
     cameras = await availableCameras();
     cameraController =
         CameraController(cameras[curCamera], ResolutionPreset.high);
-        
+
     try {
       await cameraController.initialize();
     } catch (e) {
       print(e);
     }
-    
-        // cameraController.startImageStream(onAvailable);
-        
-        notifyListeners();
+
+    // cameraController.startImageStream(onAvailable);
+
+    notifyListeners();
     // cameraController.initialize().then((_) {
-      
+
     //   cameraController.prepareForVideoRecording();
     //   faceDetector = FirebaseVision.instance.faceDetector();
     //   // captureFrame();

lib/providers/PostsGalleryProvider.dart

@@ -1,26 +1,24 @@
 import 'dart:async';
 import 'dart:convert';
 
-import 'package:douyin_demo/models/PostsModel.dart';
+import 'package:douyin_demo/model/posts_model.dart';
 import 'package:douyin_demo/widgets/WebRequest.dart';
 import 'package:flutter/material.dart';
 import 'package:http/http.dart' as http;
-import 'package:provider/provider.dart';
-
 
 class PostsGalleryProvider with ChangeNotifier {
-  List<PostsModel> model1 = List<PostsModel>();
-  List<PostsModel> model2 = List<PostsModel>();
+  List<PostsModel> model1 = <PostsModel>[];
+  List<PostsModel> model2 = <PostsModel>[];
   double _len1 = 0;
   double _len2 = 0;
-  List<PostsModel> posts = List<PostsModel>();
+  List<PostsModel> posts = <PostsModel>[];
 
   PostsGalleryProvider() {
     getPosts(0, 0);
     // notifyListeners();
   }
-  
-  dispose(){
+
+  dispose() {
     super.dispose();
   }
 
@@ -53,10 +51,10 @@ class PostsGalleryProvider with ChangeNotifier {
     }
     for (var item in result) {
       if (_len1 <= _len2) {
-        item.makerName="";
-        item.picsPath="";
-        item.postsLocation="";
-        item.postsReaded=0;
+        item.makerName = "";
+        item.picsPath = "";
+        item.postsLocation = "";
+        item.postsReaded = 0;
         model1.add(item);
         _len1 += item.picsRate;
       } else {

lib/providers/RecommendProvider.dart

@@ -1,4 +1,3 @@
-import 'package:provider/provider.dart';
 import 'package:flutter/material.dart';
 
 class RecommendProvider extends State<StatefulWidget>

lib/route/routes.dart

@@ -0,0 +1,3 @@
+class Routes{
+
+}

lib/utils/app_util.dart

@@ -0,0 +1 @@
+class AppUtil{}

lib/utils.dart → lib/utils/utils.dart

@@ -11,8 +11,8 @@ typedef HandleDetection = Future<dynamic> Function(FirebaseVisionImage image);
 Future<CameraDescription> getCamera(CameraLensDirection dir) async {
   return await availableCameras().then(
     (List<CameraDescription> cameras) => cameras.firstWhere(
-          (CameraDescription camera) => camera.lensDirection == dir,
-        ),
+      (CameraDescription camera) => camera.lensDirection == dir,
+    ),
   );
 }
 
@@ -54,7 +54,7 @@ Future<dynamic> detect(
     ),
   );
 }
-
+// 图片旋转
 ImageRotation rotationIntToImageRotation(int rotation) {
   switch (rotation) {
     case 0:
@@ -67,4 +67,4 @@ ImageRotation rotationIntToImageRotation(int rotation) {
       assert(rotation == 270);
       return ImageRotation.rotation270;
   }
-}
+}

lib/views/bottom_safebar.dart

@@ -0,0 +1,30 @@
+import 'package:douyin_demo/providers/RecommendProvider.dart';
+import 'package:douyin_demo/widgets/bottom_bar.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+class BottomSafeBar extends StatelessWidget {
+  const BottomSafeBar({Key key, @required this.selIndex}) : super(key: key);
+  final int selIndex;
+
+  @override
+  Widget build(BuildContext context) {
+    RecommendProvider provider = Provider.of<RecommendProvider>(context);
+    // double toBottom=MediaQuery.of(context).viewInsets.bottom;
+    return Container(
+      // padding: EdgeInsets.only(top:toBottom),
+      decoration: BoxDecoration(color: Colors.black),
+      child: SafeArea(
+          child: BottomAppBar(
+        child: Container(
+          decoration: BoxDecoration(color: Colors.black),
+          height: 60,
+          // decoration: BoxDecoration(color: Colors.black),
+          child: BtmBar(
+            selectIndex: selIndex,
+          ),
+        ),
+      )),
+    );
+  }
+}

lib/views/btn_content.dart

@@ -0,0 +1,42 @@
+import 'package:douyin_demo/providers/RecommendProvider.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+class BtnContent extends StatelessWidget {
+  const BtnContent({Key key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    RecommendProvider provider = Provider.of<RecommendProvider>(context);
+    return Container(
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: <Widget>[
+          ListTile(
+            title: Text(
+              "@${provider.mainInfo.userName}",
+              style: TextStyle(color: Colors.white, fontSize: 16),
+            ),
+            subtitle: Text(
+              "${provider.mainInfo.content}",
+              style: TextStyle(color: Colors.white, fontSize: 16),
+              maxLines: 3,
+              overflow: TextOverflow.ellipsis,
+            ),
+          ),
+          Row(
+            children: <Widget>[
+              SizedBox(
+                width: 10,
+              ),
+              Icon(
+                Icons.music_note,
+                color: Colors.white,
+              ),
+            ],
+          )
+        ],
+      ),
+    );
+  }
+}

lib/views/button_list.dart

@@ -0,0 +1,163 @@
+import 'package:douyin_demo/pages/RecommendPage/BottomSheet.dart';
+import 'package:douyin_demo/providers/RecommendProvider.dart';
+import 'package:douyin_demo/widgets/FavAnimation.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+import 'icon_text.dart';
+
+class ButtonList extends StatefulWidget {
+  ButtonList({Key key}) : super(key: key);
+
+  _ButtonListState createState() => _ButtonListState();
+}
+
+class _ButtonListState extends State<ButtonList> {
+  @override
+  Widget build(BuildContext context) {
+    double rpx = MediaQuery.of(context).size.width / 750;
+    RecommendProvider provider = Provider.of<RecommendProvider>(context);
+    List<IconAnimationStage> stages1 = <IconAnimationStage>[];
+    stages1.add(IconAnimationStage(
+        color: Colors.grey[100],
+        start: 1.0,
+        end: 0.0,
+        duration: Duration(milliseconds: 200)));
+    stages1.add(IconAnimationStage(
+        color: Colors.redAccent,
+        start: 0.0,
+        end: 1.3,
+        duration: Duration(milliseconds: 300)));
+    stages1.add(IconAnimationStage(
+        color: Colors.redAccent,
+        start: 1.3,
+        end: 1.0,
+        duration: Duration(milliseconds: 100)));
+
+    List<IconAnimationStage> stages2 = List<IconAnimationStage>();
+    stages2.add(IconAnimationStage(
+        color: Colors.grey[100],
+        start: 1.0,
+        end: 1.2,
+        duration: Duration(milliseconds: 200)));
+    stages2.add(IconAnimationStage(
+        color: Colors.grey[100],
+        start: 1.2,
+        end: 1.0,
+        duration: Duration(milliseconds: 200)));
+
+    List<IconAnimationStage> stages3 = List<IconAnimationStage>();
+    stages3.add(IconAnimationStage(
+        color: Colors.redAccent,
+        start: 1.0,
+        end: 1.2,
+        duration: Duration(milliseconds: 200)));
+    stages3.add(IconAnimationStage(
+        color: Colors.grey[100],
+        start: 1.2,
+        end: 1.0,
+        duration: Duration(milliseconds: 200)));
+    double iconSize = 70 * rpx;
+    return Container(
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.spaceAround,
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: <Widget>[
+          Container(
+              width: 90 * rpx,
+              height: 105 * rpx,
+              child: Stack(
+                children: <Widget>[
+                  Container(
+                      // decoration: BoxDecoration(c),
+                      width: 90 * rpx,
+                      height: 90 * rpx,
+                      child: CircleAvatar(
+                        backgroundImage:
+                            NetworkImage("${provider.mainInfo.avatarUrl}"),
+                      )),
+                  Positioned(
+                    bottom: 0,
+                    left: 25 * rpx,
+                    child: Container(
+                      width: 40 * rpx,
+                      height: 40 * rpx,
+                      decoration: BoxDecoration(
+                          color: Colors.redAccent,
+                          borderRadius: BorderRadius.circular(25)),
+                      child: Icon(
+                        Icons.add,
+                        size: 20,
+                        color: Colors.white,
+                      ),
+                    ),
+                  )
+                ],
+              )),
+          IconText(
+            text: "${provider.mainInfo.favCount}",
+            icon: !provider.mainInfo.ifFaved
+                ? AnimatedIconWidget(
+                    key: UniqueKey(),
+                    animationList: stages1,
+                    icon: Icons.favorite,
+                    size: iconSize,
+                    provider: provider,
+                    callback: () {
+                      provider.tapFav();
+                    })
+                : AnimatedIconWidget(
+                    key: UniqueKey(),
+                    animationList: stages3,
+                    icon: Icons.favorite,
+                    size: iconSize,
+                    provider: provider,
+                    callback: () {
+                      provider.tapFav();
+                    },
+                  ),
+          ),
+          IconText(
+            text: "${provider.mainInfo.replyCount}",
+            icon: AnimatedIconWidget(
+              animationList: stages2,
+              icon: Icons.comment,
+              size: iconSize,
+              callbackDelay: Duration(milliseconds: 200),
+              callback: () {
+                showBottom(context, provider);
+              },
+            ),
+          ),
+          IconText(
+            text: "${provider.mainInfo.shareCount}",
+            icon: AnimatedIconWidget(
+              animationList: stages2,
+              icon: Icons.reply,
+              size: iconSize,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  showBottom(context, provider) {
+    double height = MediaQuery.of(context).size.height;
+    provider.setScreenHeight(height);
+    provider.hideBottomBar();
+    showModalBottomSheet(
+        shape: RoundedRectangleBorder(
+            borderRadius: BorderRadiusDirectional.circular(10)),
+        context: context,
+        builder: (_) {
+          return Container(
+              height: 600,
+              child: GestureDetector(
+                  onTap: () {
+                    FocusScope.of(context).requestFocus(FocusNode());
+                  },
+                  child: ReplyFullList(pCtx: context)));
+        });
+  }
+}

lib/views/center_image.dart

@@ -0,0 +1,18 @@
+
+import 'package:flutter/material.dart';
+
+class CenterImage extends StatelessWidget {
+  const CenterImage({Key key, @required this.videoPath}) : super(key: key);
+  final String videoPath;
+
+  @override
+  Widget build(BuildContext context) {
+    // double bottom = MediaQuery.of(context).viewInsets.bottom;
+    // RecommendProvider provider = Provider.of<RecommendProvider>(context);
+    return Center(
+      child: Container(
+        // padding: EdgeInsets.only(top: bottom),
+          child: Image.asset(videoPath)),
+    );
+  }
+}

lib/views/icon_text.dart

@@ -0,0 +1,29 @@
+import 'package:douyin_demo/widgets/FavAnimation.dart';
+import 'package:flutter/material.dart';
+
+class IconText extends StatelessWidget {
+  const IconText({Key key, this.icon, this.text}) : super(key: key);
+  final AnimatedIconWidget icon;
+  final String text;
+
+  @override
+  Widget build(BuildContext context) {
+    double rpx = MediaQuery.of(context).size.width / 750;
+    return Container(
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        mainAxisAlignment: MainAxisAlignment.center,
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: <Widget>[
+          icon,
+          Container(
+              // alignment: Alignment.center,
+              child: Text(
+            text,
+            style: TextStyle(color: Colors.white, fontSize: 25 * rpx),
+          )),
+        ],
+      ),
+    );
+  }
+}

lib/views/main_tab_view.dart

@@ -0,0 +1,68 @@
+import 'package:douyin_demo/providers/RecommendProvider.dart';
+import 'package:douyin_demo/views/swiper_main.dart';
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+
+import 'center_image.dart';
+
+class MainTabView extends StatelessWidget {
+  const MainTabView({Key key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    RecommendProvider provider = Provider.of<RecommendProvider>(context);
+    return TabBarView(
+      controller: provider.controller,
+      children: <Widget>[
+        SwiperMain(
+          type: "关注",
+        ),
+        SwiperMain(
+          type: "推荐",
+        ),
+      ],
+    );
+  }
+}
+
+/// 自定义滑动tab
+class SwiperMain extends StatefulWidget {
+  SwiperMain({Key key, this.type}) : super(key: key);
+  final String type;
+
+  _SwiperMainState createState() => _SwiperMainState();
+}
+
+class _SwiperMainState extends State<SwiperMain>
+    with AutomaticKeepAliveClientMixin {
+  @override
+  Widget build(BuildContext context) {
+    RecommendProvider provider = Provider.of<RecommendProvider>(context);
+    List<MainInfo> infos = <MainInfo>[];
+    if (widget.type == "followed") {
+      infos = provider.followed;
+    } else {
+      infos = provider.infos;
+    }
+    return Swiper(
+      loop: false,
+      scrollDirection: Axis.vertical,
+      itemCount: infos.length,
+      itemBuilder: (context, index) {
+        MainInfo curData = infos[index];
+        return Container(
+          decoration: BoxDecoration(color: Colors.black),
+          child: Stack(children: [
+            CenterImage(
+              videoPath: curData.videoPath,
+            ),
+            Home(),
+          ]),
+        );
+      },
+    );
+  }
+
+  @override
+  bool get wantKeepAlive => true;
+}

lib/views/rotate_album.dart

@@ -0,0 +1,50 @@
+
+import 'package:flutter/material.dart';
+
+class RotateAlbum extends StatefulWidget {
+  RotateAlbum({Key key}) : super(key: key);
+
+  _RotateAlbumState createState() => _RotateAlbumState();
+}
+
+class _RotateAlbumState extends State<RotateAlbum>
+    with SingleTickerProviderStateMixin {
+  AnimationController _controller;
+  var animation;
+
+  @override
+  void initState() {
+    super.initState();
+    _controller =
+        AnimationController(vsync: this, duration: Duration(seconds: 4));
+    animation = RotationTransition(
+      turns: Tween(begin: 0.0, end: 1.0).animate(_controller)
+        ..addStatusListener((status) {
+          if (status == AnimationStatus.completed) {
+            // _controller.forward(from: 0.0);
+          }
+        }),
+      child: Container(
+          child: CircleAvatar(
+            backgroundImage: NetworkImage(
+                "https://gss1.bdstatic.com/9vo3dSag_xI4khGkpoWK1HF6hhy/baike/s%3D500/sign=dde475320ee9390152028d3e4bec54f9/d009b3de9c82d1586d8294a38f0a19d8bc3e42a4.jpg"),
+          )),
+    );
+    _controller.forward(from: 0.0);
+  }
+
+  @override
+  void dispose() {
+    // TODO: implement dispose
+    _controller.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: EdgeInsets.all(18),
+      child: animation,
+    );
+  }
+}

lib/views/swiper_main.dart

@@ -0,0 +1,94 @@
+import 'package:douyin_demo/providers/RecommendProvider.dart';
+import 'package:douyin_demo/views/rotate_album.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_swiper/flutter_swiper.dart';
+import 'package:provider/provider.dart';
+
+import 'btn_content.dart';
+import 'button_list.dart';
+import 'center_image.dart';
+
+class SwiperMain extends StatefulWidget {
+  SwiperMain({Key key, this.type}) : super(key: key);
+  final String type;
+
+  _SwiperMainState createState() => _SwiperMainState();
+}
+
+class _SwiperMainState extends State<SwiperMain>
+    with AutomaticKeepAliveClientMixin {
+  @override
+  Widget build(BuildContext context) {
+    RecommendProvider provider = Provider.of<RecommendProvider>(context);
+    List<MainInfo> infos = <MainInfo>[];
+    if (widget.type == "followed") {
+      infos = provider.followed;
+    } else {
+      infos = provider.infos;
+    }
+    return Swiper(
+      loop: false,
+      scrollDirection: Axis.vertical,
+      itemCount: infos.length,
+      itemBuilder: (context, index) {
+        MainInfo curData = infos[index];
+        return Container(
+          decoration: BoxDecoration(color: Colors.black),
+          child: Stack(children: [
+            CenterImage(
+              videoPath: curData.videoPath,
+            ),
+            Home(),
+          ]),
+        );
+      },
+    );
+  }
+
+  @override
+  bool get wantKeepAlive => true;
+}
+
+class Home extends StatelessWidget {
+  const Home({Key key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    double screenWidth = MediaQuery.of(context).size.width;
+    double screenHeight = MediaQuery.of(context).size.height;
+    RecommendProvider provider = Provider.of<RecommendProvider>(context);
+
+    double rpx = screenWidth / 750;
+    return Stack(children: [
+      Positioned(
+        bottom: 0,
+        width: 0.70 * screenWidth,
+        height: 260 * rpx,
+        child: Container(
+          // decoration: BoxDecoration(color: Colors.redAccent),
+          child: BtnContent(),
+        ),
+      ),
+      Positioned(
+        right: 0,
+        width: 0.2 * screenWidth,
+        height: 500 * rpx,
+        top: 0.45 * screenHeight,
+        child: Container(
+          // decoration: BoxDecoration(color: Colors.orangeAccent),
+          child: ButtonList(),
+        ),
+      ),
+      Positioned(
+        bottom: 20 * rpx,
+        right: 0,
+        width: 0.2 * screenWidth,
+        height: 0.2 * screenWidth,
+        child: Container(
+          // decoration: BoxDecoration(color: Colors.purpleAccent),
+          child: RotateAlbum(),
+        ),
+      )
+    ]);
+  }
+}

lib/views/video_back.dart

@@ -0,0 +1,49 @@
+
+import 'package:flutter/material.dart';
+import 'package:video_player/video_player.dart';
+
+class VideoBack extends StatefulWidget {
+  VideoBack({Key key}) : super(key: key);
+
+  _VideoBackState createState() => _VideoBackState();
+}
+
+class _VideoBackState extends State<VideoBack> {
+  VideoPlayerController _controller;
+  bool _isPlaying = false;
+  String url =
+      "https://www.guojio.com/video/07a7faa1-3696-4af7-aeac-2d6cf6bf25f9.mp4";
+
+  @override
+  void initState() {
+    // TODO: implement initState
+    super.initState();
+    _controller = VideoPlayerController.network(this.url)
+    // 播放状态
+      ..addListener(() {
+        final bool isPlaying = _controller.value.isPlaying;
+        if (isPlaying != _isPlaying) {
+          setState(() {
+            _isPlaying = isPlaying;
+          });
+        }
+      })
+    // 在初始化完成后必须更新界面
+      ..initialize().then((_) {
+        setState(() {});
+      });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      child: _controller.value.isInitialized
+      // 加载成功
+          ? AspectRatio(
+        aspectRatio: _controller.value.aspectRatio,
+        child: VideoPlayer(_controller),
+      )
+          : Container(),
+    );
+  }
+}

lib/widgets/FavAnimation.dart

@@ -302,6 +302,7 @@ class AnimatedIconWidget extends StatefulWidget {
   final double size;
   final RecommendProvider provider;
   final Duration callbackDelay;
+
   _AnimatedIconWidgetState createState() => _AnimatedIconWidgetState();
 }
 

lib/widgets/WebRequest.dart

@@ -3,9 +3,10 @@ import 'dart:async';
 import 'package:shared_preferences/shared_preferences.dart';
 
 class WebRequest extends Object {
-  //
+
   bool ifPrd;
   bool ifIos;
+
   Future<Uri> generate(String path, Map<String, dynamic> params) async {
     final prefs = await SharedPreferences.getInstance();
     String hosts;
@@ -28,13 +29,14 @@ class WebRequest extends Object {
       }
     }
 
-    if(prefs.getBool("ifReal_d")){
+    if (prefs.getBool("ifReal_d")) {
       hosts = prefs.getString('urlPath_real_d');
-        scheme = prefs.getString('scheme_real_d');
-        ports = prefs.getInt('ports_real_d');
+      scheme = prefs.getString('scheme_real_d');
+      ports = prefs.getInt('ports_real_d');
     }
     Uri url = Uri(
-        scheme: scheme, //http https
+        scheme: scheme,
+        //http https
         host: hosts,
         port: ports,
         path: path,

lib/widgets/BottomBar.dart → lib/widgets/bottom_bar.dart

@@ -1,12 +1,8 @@
-import 'package:douyin_demo/main.dart';
-import 'package:douyin_demo/pages/CameraPage/CameraMain.dart';
-import 'package:douyin_demo/pages/FaceDetect/FaceDetection.dart';
-import 'package:douyin_demo/pages/loadData/loadData.dart';
-import 'package:douyin_demo/pages/sameCity/SameCityPage.dart';
-import 'package:douyin_demo/pages/selfHome/HomePage.dart';
+import 'package:douyin_demo/pages/CameraMain.dart';
+import 'package:douyin_demo/pages/SameCityPage.dart';
+import 'package:douyin_demo/pages/home_page.dart';
 import 'package:douyin_demo/providers/CameraProvider.dart';
 import 'package:douyin_demo/providers/PostsGalleryProvider.dart';
-import 'package:douyin_demo/providers/RecommendProvider.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 
@@ -39,8 +35,9 @@ class BtmBar extends StatefulWidget {
 }
 
 class _BtmBarState extends State<BtmBar> {
-  List<bool> selected = List<bool>();
-  List<String> selectItems = List<String>();
+  List<bool> selected = <bool>[];
+  List<String> selectItems = <String>[];
+
   @override
   void initState() {
     super.initState();
@@ -94,26 +91,23 @@ class _BtmBarState extends State<BtmBar> {
       case 2:
         Navigator.pushAndRemoveUntil(
             context,
-            MaterialPageRoute(
-                builder: (context) => SelfHomePage()),
+            MaterialPageRoute(builder: (context) => SelfHomePage()),
             ModalRoute.withName("/selfHome"));
         break;
       case 3:
         Navigator.of(context).push(MaterialPageRoute(
-      builder: (BuildContext context) {
-        return  MultiProvider(
-          providers: [
-            ChangeNotifierProvider(
-              builder: (_) => CameraProvider(),
-            )
-          ],
-          child: CameraPage(
-            // rpx: MediaQuery.of(context).size.width / 750,
-          )
-        );
-      },
-    fullscreenDialog: true
-  ));
+            builder: (BuildContext context) {
+              return MultiProvider(
+                  providers: [
+                    ChangeNotifierProvider(
+                      builder: (_) => CameraProvider(),
+                    )
+                  ],
+                  child: CameraPage(
+                      // rpx: MediaQuery.of(context).size.width / 750,
+                      ));
+            },
+            fullscreenDialog: true));
         break;
       default:
         break;
@@ -138,7 +132,13 @@ class _BtmBarState extends State<BtmBar> {
               child: getBtmTextWidget("同城", selected[1], () {
                 tapItem(1);
               }, rpx)),
-          Expanded(flex: 1, child: AddIcon(tapItem:(){ tapItem(3); },)),
+          Expanded(
+              flex: 1,
+              child: AddIcon(
+                tapItem: () {
+                  tapItem(3);
+                },
+              )),
           Expanded(
               flex: 1,
               child: getBtmTextWidget("消息", selected[2], () {
@@ -173,8 +173,9 @@ getBtmTextWidget(String content, bool ifSelected, tapFunc, double rpx) {
 }
 
 class AddIcon extends StatelessWidget {
-  const AddIcon({Key key,@required this.tapItem}) : 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;
@@ -187,41 +188,44 @@ class AddIcon extends StatelessWidget {
       height: iconHeight,
       width: 150 * rpx,
       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)),
+          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

@@ -71,11 +71,32 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.2.0"
+  ffi:
+    dependency: transitive
+    description:
+      name: ffi
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.1.2"
+  file:
+    dependency: transitive
+    description:
+      name: file
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "6.1.2"
   flutter:
     dependency: "direct main"
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_page_indicator:
+    dependency: transitive
+    description:
+      name: flutter_page_indicator
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "0.0.3"
   flutter_plugin_android_lifecycle:
     dependency: transitive
     description:
@@ -83,6 +104,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.0.5"
+  flutter_swiper:
+    dependency: "direct main"
+    description:
+      name: flutter_swiper
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.1.6"
   flutter_test:
     dependency: "direct dev"
     description: flutter
@@ -114,6 +142,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "4.0.0"
+  image_gallery_saver:
+    dependency: "direct main"
+    description:
+      name: image_gallery_saver
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.7.1"
   image_picker:
     dependency: "direct main"
     description:
@@ -142,6 +177,20 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.6.3"
+  json_annotation:
+    dependency: "direct main"
+    description:
+      name: json_annotation
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "4.4.0"
+  lpinyin:
+    dependency: "direct main"
+    description:
+      name: lpinyin
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.0.3"
   matcher:
     dependency: transitive
     description:
@@ -170,6 +219,62 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.8.0"
+  path_provider:
+    dependency: "direct main"
+    description:
+      name: path_provider
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.0.9"
+  path_provider_android:
+    dependency: transitive
+    description:
+      name: path_provider_android
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.0.11"
+  path_provider_ios:
+    dependency: transitive
+    description:
+      name: path_provider_ios
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.0.7"
+  path_provider_linux:
+    dependency: transitive
+    description:
+      name: path_provider_linux
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.1.5"
+  path_provider_macos:
+    dependency: transitive
+    description:
+      name: path_provider_macos
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.0.5"
+  path_provider_platform_interface:
+    dependency: transitive
+    description:
+      name: path_provider_platform_interface
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.0.3"
+  path_provider_windows:
+    dependency: transitive
+    description:
+      name: path_provider_windows
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.0.5"
+  platform:
+    dependency: transitive
+    description:
+      name: platform
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "3.1.0"
   plugin_platform_interface:
     dependency: transitive
     description:
@@ -177,6 +282,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.1.2"
+  process:
+    dependency: transitive
+    description:
+      name: process
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "4.2.4"
   provider:
     dependency: "direct main"
     description:
@@ -184,6 +296,62 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "6.0.2"
+  shared_preferences:
+    dependency: "direct main"
+    description:
+      name: shared_preferences
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.0.13"
+  shared_preferences_android:
+    dependency: transitive
+    description:
+      name: shared_preferences_android
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.0.10"
+  shared_preferences_ios:
+    dependency: transitive
+    description:
+      name: shared_preferences_ios
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.0.9"
+  shared_preferences_linux:
+    dependency: transitive
+    description:
+      name: shared_preferences_linux
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.1.0"
+  shared_preferences_macos:
+    dependency: transitive
+    description:
+      name: shared_preferences_macos
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.0.3"
+  shared_preferences_platform_interface:
+    dependency: transitive
+    description:
+      name: shared_preferences_platform_interface
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.0.0"
+  shared_preferences_web:
+    dependency: transitive
+    description:
+      name: shared_preferences_web
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.0.3"
+  shared_preferences_windows:
+    dependency: transitive
+    description:
+      name: shared_preferences_windows
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.1.0"
   sky_engine:
     dependency: transitive
     description: flutter
@@ -231,6 +399,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.4.2"
+  transformer_page_view:
+    dependency: transitive
+    description:
+      name: transformer_page_view
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "0.1.6"
   typed_data:
     dependency: transitive
     description:
@@ -266,6 +441,20 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.0.7"
+  win32:
+    dependency: transitive
+    description:
+      name: win32
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.3.6"
+  xdg_directories:
+    dependency: transitive
+    description:
+      name: xdg_directories
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "0.2.0+1"
 sdks:
   dart: ">=2.14.0 <3.0.0"
   flutter: ">=2.5.0"

pubspec.yaml

@@ -14,19 +14,19 @@ dependencies:
   video_player: ^2.2.17
 #  marquee_flutter:
   provider: ^6.0.1
-#  lpinyin:
+  lpinyin: ^2.0.3
 #  sticky_headers:
-#  shared_preferences: ^0.5.3
-#  json_annotation:
-#  flutter_swiper:
+  shared_preferences: ^2.0.7
+  json_annotation: ^4.4.0
+  flutter_swiper: ^1.1.6
 #  stretchy_header:
 #  after_layout:
 #  camera:
-#  path_provider:
+  path_provider: ^2.0.9
 #  path:
 #  uuid:
 #  image_picker_saver:
-#  image_gallery_saver:
+  image_gallery_saver: ^1.7.1
 #  firebase_ml_vision:
   image_picker: ^0.8.4+4
 
@@ -40,13 +40,4 @@ flutter:
 
   uses-material-design: true
   assets:
-   - lib/images/pingguo.jpeg
-   - lib/images/sky.jpg
-   - lib/images/temple.jpg
-   - lib/images/zhifei.jpg
-   - lib/images/woman.jpg
-   - lib/images/woman2.jpg
-   - lib/images/whitehouse.jpg
-   - lib/images/waterdrop.jpg
-  #  - lib/images/aaa.png
-  #  - images/a_dot_ham.jpeg
+   - assets/images/