Add new page

ios/Podfile.lock

@@ -1,20 +1,26 @@
 PODS:
   - Flutter (1.0.0)
+  - shared_preferences (0.0.1):
+    - Flutter
   - video_player (0.0.1):
     - Flutter
 
 DEPENDENCIES:
   - Flutter (from `.symlinks/flutter/ios`)
+  - shared_preferences (from `.symlinks/plugins/shared_preferences/ios`)
   - video_player (from `.symlinks/plugins/video_player/ios`)
 
 EXTERNAL SOURCES:
   Flutter:
     :path: ".symlinks/flutter/ios"
+  shared_preferences:
+    :path: ".symlinks/plugins/shared_preferences/ios"
   video_player:
     :path: ".symlinks/plugins/video_player/ios"
 
 SPEC CHECKSUMS:
   Flutter: 0e3d915762c693b495b44d77113d4970485de6ec
+  shared_preferences: 1feebfa37bb57264736e16865e7ffae7fc99b523
   video_player: 3964090a33353060ed7f58aa6427c7b4b208ec21
 
 PODFILE CHECKSUM: 10ae9c18d12c9ffc2275c9a159a3b1e281990db0

lib/main.dart

@@ -5,6 +5,7 @@ import 'package:douyin_demo/providers/RecommendProvider.dart';
 import 'package:douyin_demo/widgets/BottomBar.dart';
 // import 'package:douyin_demo/widgets/FavAnimation.dart' as prefix0;
 import 'package:flutter/material.dart';
+import 'package:flutter_swiper/flutter_swiper.dart';
 // import 'package:marquee/marquee.dart';
 import 'package:marquee_flutter/marquee_flutter.dart';
 import 'package:provider/provider.dart';
@@ -21,7 +22,7 @@ Future main() async {
   // int ports = prefs.get('ports');
   prefs.setBool("ifIOS", Platform.isIOS);
   prefs.setBool("ifPrd", false);
-  prefs.setBool("ifReal_d", true);
+  prefs.setBool("ifReal_d", false);
 
   prefs.setString("urlPath_real_d", "192.168.0.8");
   prefs.setString("scheme_real_d", "http");
@@ -41,7 +42,7 @@ Future main() async {
 
   prefs.setString("picServer", "http://www.guojio.com");
 
-  runApp(MyApp()); 
+  runApp(MyApp());
   // runApp(MyApp());
 }
 
@@ -53,39 +54,140 @@ class MyApp extends StatelessWidget {
     return MaterialApp(
       title: "某音",
       theme: ThemeData(primaryColor: Color(0xff121319)),
-      home: RecommendPage(selIndex: 0,),
+      home: RecommendPage(
+        selIndex: 0,
+      ),
     );
   }
 }
 
 class RecommendPage extends StatelessWidget {
-  const RecommendPage({Key key,@required this.selIndex}) : super(key: key);
+  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: Container(
-              decoration: BoxDecoration(color: Colors.black),
-              child: Stack(children: [
-                CenterImage(),
-                Home(),
-              ]),
+        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,
             ),
-            bottomNavigationBar: BottomSafeBar(selIndex: selIndex,),
-          ));
+            Home(),
+          ]),
+        );
+      },
+    );
   }
+
+  @override
+  // TODO: implement wantKeepAlive
+  bool get wantKeepAlive => true;
 }
 
+// class SwiperMain extends StatelessWidget {
+//   const SwiperMain({Key key,@required this.type}) : super(key: key);
+//   final String type;
+//   @override
+//   Widget build(BuildContext context) {
+//     RecommendProvider provider = Provider.of<RecommendProvider>(context);
+//     List<MainInfo> infos=List<MainInfo>();
+//     if(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(),
+//           ]),
+//         );
+//       },
+//     );
+//   }
+// }
+
 class BottomSafeBar extends StatelessWidget {
-  const BottomSafeBar({Key key,@required this.selIndex}) : super(key: key);
+  const BottomSafeBar({Key key, @required this.selIndex}) : super(key: key);
   final int selIndex;
   @override
   Widget build(BuildContext context) {
@@ -100,7 +202,9 @@ class BottomSafeBar extends StatelessWidget {
           decoration: BoxDecoration(color: Colors.black),
           height: 60,
           // decoration: BoxDecoration(color: Colors.black),
-          child: BtmBar(selectIndex: selIndex,),
+          child: BtmBar(
+            selectIndex: selIndex,
+          ),
         ),
       )),
     );
@@ -108,16 +212,16 @@ class BottomSafeBar extends StatelessWidget {
 }
 
 class CenterImage extends StatelessWidget {
-  const CenterImage({Key key}) : super(key: key);
-
+  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);
+    // 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(provider.mainInfo.videoPath)),
+          child: Image.asset(videoPath)),
     );
   }
 }
@@ -179,16 +283,6 @@ class Home extends StatelessWidget {
 
     double rpx = screenWidth / 750;
     return Stack(children: [
-      Positioned(
-        top: 20*rpx,
-        // height: 120,
-        width: screenWidth,
-        child: SafeArea(
-            child: Container(
-          // decoration: BoxDecoration(color: Colors.pinkAccent),
-          child: TopTab(),
-        )),
-      ),
       Positioned(
         bottom: 0,
         width: 0.70 * screenWidth,
@@ -229,17 +323,19 @@ class TopTab extends StatefulWidget {
 }
 
 class _TopTabState extends State<TopTab> with SingleTickerProviderStateMixin {
-  TabController _controller;
-
+  // TabController _controller;
+  // RecommendProvider provider;
   @override
   void initState() {
     // TODO: implement initState
     super.initState();
-    _controller = TabController(vsync: this, length: 2, initialIndex: 1);
+    // _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,
@@ -264,10 +360,8 @@ class _TopTabState extends State<TopTab> with SingleTickerProviderStateMixin {
                   indicatorPadding: EdgeInsets.symmetric(horizontal: 30),
                   unselectedLabelStyle:
                       TextStyle(color: Colors.grey[700], fontSize: 18),
-                  controller: _controller,
+                  controller: provider.controller,
                   tabs: <Widget>[Text("关注"), Text("推荐")],
-                  
-                  
                 ))),
         Icon(
           Icons.live_tv,
@@ -282,8 +376,6 @@ class _TopTabState extends State<TopTab> with SingleTickerProviderStateMixin {
   }
 }
 
-
-
 class BtnContent extends StatelessWidget {
   const BtnContent({Key key}) : super(key: key);
 
@@ -455,7 +547,7 @@ class _ButtonListState extends State<ButtonList> {
               child: Stack(
                 children: <Widget>[
                   Container(
-                    // decoration: BoxDecoration(c),
+                      // decoration: BoxDecoration(c),
                       width: 90 * rpx,
                       height: 90 * rpx,
                       child: CircleAvatar(
@@ -583,6 +675,6 @@ showBottom(context, provider) {
                 onTap: () {
                   FocusScope.of(context).requestFocus(FocusNode());
                 },
-                child: ReplyFullList(pCtx:context)));
+                child: ReplyFullList(pCtx: context)));
       });
 }

lib/pages/sameCity/SameCityPage.dart

@@ -1,46 +1,160 @@
+import 'package:douyin_demo/models/PostsModel.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);
+  const SameCityMain({Key key, this.selIndex}) : super(key: key);
   final int selIndex;
   @override
   Widget build(BuildContext context) {
-    double rpx=MediaQuery.of(context).size.width/750;
-    return Scaffold(
-      backgroundColor: Theme.of(context).primaryColor,
-      appBar: AppBar(
-        title: Text("同城"),
-      ),
-      bottomNavigationBar: Container(
-        decoration: BoxDecoration(color: Colors.black),
-        child: SafeArea(
-          child: BtmBar(selectIndex:selIndex)
-        )
-      ),
-      body: Column(
-        children: <Widget>[
-          Container(
-            height: 120*rpx,
-            padding: EdgeInsets.all(20*rpx),
-            child: Row(
-              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+    PostsGalleryProvider provider =
+        Provider.of<PostsGalleryProvider>(context); //null
+    double rpx = MediaQuery.of(context).size.width / 750;
+    ScrollController controller = ScrollController();
+    return provider == null || provider.model1 == null
+        ? Scaffold(
+            // body: Loading(),
+            )
+        : Scaffold(
+            backgroundColor: Theme.of(context).primaryColor,
+            appBar: AppBar(
+              title: Text("同城"),
+            ),
+            bottomNavigationBar: Container(
+                decoration: BoxDecoration(color: Colors.black),
+                child: SafeArea(child: BtmBar(selectIndex: selIndex))),
+            body: Column(
+              mainAxisSize: MainAxisSize.min,
               children: <Widget>[
-                Row(
-                  children: <Widget>[
-                    Icon(Icons.near_me,color: Colors.grey[400],),
-                    Text("自动定位 ：上海",style: TextStyle(color: Colors.grey[400]),),
-                  ],
-                ),
-                Row(
-                  children: <Widget>[Text("切换",style: TextStyle(color: Colors.grey[400])), Icon(Icons.arrow_right,color: Colors.grey[400])],
-                ),
+                Container(
+                    height: 120 * rpx,
+                    padding: EdgeInsets.all(20 * rpx),
+                    child: Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: <Widget>[
+                        Row(
+                          children: <Widget>[
+                            Icon(
+                              Icons.near_me,
+                              color: Colors.grey[400],
+                            ),
+                            Text(
+                              "自动定位 ：上海",
+                              style: TextStyle(color: Colors.grey[400]),
+                            ),
+                          ],
+                        ),
+                        Row(
+                          children: <Widget>[
+                            Text("切换",
+                                style: TextStyle(color: Colors.grey[400])),
+                            Icon(Icons.arrow_right, color: Colors.grey[400])
+                          ],
+                        ),
+                      ],
+                    )),
+                Expanded(
+                    child: SingleChildScrollView(
+                        controller: controller,
+                        child: Container(
+                            padding: EdgeInsets.symmetric(horizontal: 10 * rpx),
+                            child: Row(
+                              crossAxisAlignment: CrossAxisAlignment.start,
+                              children: <Widget>[
+                                Flexible(
+                                    flex: 1,
+                                    child: WaterFallList(
+                                      dataList: provider.model1,
+                                      controller: controller,
+                                    )),
+                                Flexible(
+                                  flex: 1,
+                                  child: WaterFallList(
+                                      dataList: provider.model2,
+                                      controller: controller),
+                                ),
+                              ],
+                            ))))
               ],
-            )
-          ),
+            ),
+          );
+  }
+}
 
-        ],
-      ),
+class WaterFallList extends StatelessWidget {
+  const WaterFallList({Key key, this.dataList, this.controller})
+      : 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;
+    return ListView.builder(
+      controller: controller,
+      shrinkWrap: true,
+      itemCount: dataList.length,
+      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(
+                        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

@@ -0,0 +1,175 @@
+import 'package:flutter/material.dart';
+
+class SelfHomePage extends StatelessWidget {
+  const SelfHomePage({Key key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    double rpx=MediaQuery.of(context).size.width/750;
+    return Scaffold(
+      body: Container(
+        child: HomeMain(rpx: rpx,),
+      ),
+    );
+  }
+}
+
+class HomeMain extends StatefulWidget {
+  HomeMain({Key key,@required this.rpx}) : super(key: key);
+  final double rpx;
+  _HomeMainState createState() => _HomeMainState();
+}
+
+class _HomeMainState extends State<HomeMain> with TickerProviderStateMixin {
+  double extraPicHeight = 0;
+  BoxFit fitType;
+  double prev_dy;
+  double rpx;
+  AnimationController animationController;
+  Animation<double> anim;
+
+  @override
+  void initState() {
+    super.initState();
+    prev_dy = 0;
+    fitType = BoxFit.fitWidth;
+    animationController =
+        AnimationController(vsync: this, duration: Duration(milliseconds: 300));
+    anim = Tween(begin: 0.0, end: 0.0).animate(animationController);
+  }
+
+  updatePicHeight(changed) {
+    if (prev_dy == 0) {
+      prev_dy = changed;
+    }
+    extraPicHeight += changed - prev_dy;
+    if (extraPicHeight >= 200*widget.rpx) {
+      fitType = BoxFit.fitHeight;
+    } else {
+      fitType = BoxFit.fitWidth;
+    }
+    setState(() {
+      prev_dy = changed;
+      extraPicHeight = extraPicHeight;
+      fitType=fitType;
+    });
+  }
+
+  runAnimate() {
+    setState(() {
+      anim = Tween(begin: extraPicHeight, end: 0.0).animate(animationController)
+        ..addListener(() {
+          if (extraPicHeight >= widget.rpx*200) {
+            fitType = BoxFit.fitHeight;
+          } else {
+            fitType = BoxFit.fitWidth;
+          }
+          setState(() {
+            extraPicHeight = anim.value;
+            fitType=fitType;
+          });
+        });
+      prev_dy = 0;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    double rpx = MediaQuery.of(context).size.width / 750;
+    return Listener(
+        onPointerMove: (result) {
+          updatePicHeight(result.position.dy);
+        },
+        onPointerUp: (_) {
+          runAnimate();
+          animationController.forward(from: 0);
+        },
+        child: CustomScrollView(
+          physics: ClampingScrollPhysics(),
+          slivers: <Widget>[
+            SliverAppBar(
+              pinned: true,
+              floating: true,
+              actions: <Widget>[
+                IconButton(
+                  icon: Icon(Icons.search),
+                  onPressed: () {},
+                ),
+                IconButton(
+                  icon: Icon(Icons.more_vert),
+                  onPressed: () {},
+                ),
+              ],
+              leading: IconButton(
+                icon: Icon(Icons.arrow_back),
+                onPressed: () {},
+              ),
+              expandedHeight: 510 * rpx + extraPicHeight,
+              flexibleSpace: FlexibleSpaceBar(
+                // title: Text("Flutter SliverAppBar"),
+                background: SliverTopBar(
+                  extraPicHeight: extraPicHeight,
+                  fitType: fitType,
+                ),
+              ),
+            ),
+            SliverList(
+              delegate: SliverChildBuilderDelegate((context, index) {
+                return Container(
+                  height: 30,
+                  color: Colors.blueAccent,
+                );
+              }, childCount: 80),
+            )
+          ],
+        ));
+  }
+}
+
+class SliverTopBar extends StatelessWidget {
+  const SliverTopBar(
+      {Key key, @required this.extraPicHeight, @required this.fitType})
+      : super(key: key);
+  final double extraPicHeight;
+  final BoxFit fitType;
+  @override
+  Widget build(BuildContext context) {
+    double rpx = MediaQuery.of(context).size.width / 750;
+    return Stack(
+      children: <Widget>[
+        Column(
+          children: <Widget>[
+            Image.asset(
+              "lib/images/temple.jpg",
+              width: 750 * rpx,
+              height: 300 * rpx + extraPicHeight,
+              fit: fitType,
+            ),
+            Container(
+              height: 100 * rpx,
+            ),
+            Padding(
+              padding: EdgeInsets.symmetric(horizontal: 20 * rpx),
+              child: Divider(
+                color: Colors.grey[700],
+              ),
+            ),
+            Container(
+              height: 100 * rpx,
+            )
+          ],
+        ),
+        Positioned(
+          top: 240 * rpx + extraPicHeight,
+          left: 30 * rpx,
+          child: Container(
+              width: 180 * rpx,
+              height: 180 * rpx,
+              child: CircleAvatar(
+                  backgroundImage: NetworkImage(
+                      "https://pic2.zhimg.com/v2-a88cd7618933272ca681f86398e6240d_xll.jpg"))),
+        )
+      ],
+    );
+  }
+}

lib/providers/PostsGalleryProvider.dart

@@ -4,10 +4,8 @@ import 'dart:convert';
 import 'package:douyin_demo/models/PostsModel.dart';
 import 'package:douyin_demo/widgets/WebRequest.dart';
 import 'package:flutter/material.dart';
-// import 'package:my_app/models/PostsModel.dart';
-// import 'package:my_app/tools/WebRequest.dart';
 import 'package:http/http.dart' as http;
-// import 'package:provider/provider.dart';
+import 'package:provider/provider.dart';
 
 
 class PostsGalleryProvider with ChangeNotifier {
@@ -15,13 +13,15 @@ class PostsGalleryProvider with ChangeNotifier {
   List<PostsModel> model2 = List<PostsModel>();
   double _len1 = 0;
   double _len2 = 0;
-  // get  models1 => _model1;
-  // get models2 => _model2;
   List<PostsModel> posts = List<PostsModel>();
 
   PostsGalleryProvider() {
     getPosts(0, 0);
-    notifyListeners();
+    // notifyListeners();
+  }
+  
+  dispose(){
+    super.dispose();
   }
 
   Future getPosts(orderType, ifRefresh) async {

lib/providers/RecommendProvider.dart

@@ -2,43 +2,128 @@
 import 'package:provider/provider.dart';
 import 'package:flutter/material.dart';
 
-class RecommendProvider with ChangeNotifier {
-  bool ifShowBottom=true;
+class RecommendProvider extends State<StatefulWidget>
+    with ChangeNotifier, TickerProviderStateMixin {
+  bool ifShowBottom = true;
 
   double screenHeight;
-  MainInfo mainInfo = MainInfo(
-      avatarUrl:
-          "https://pic2.zhimg.com/v2-a88cd7618933272ca681f86398e6240d_xll.jpg",
-      content:
-          "奥斯卡答复哈士大夫哈师大发输电和健康阿萨德鸿福路口氨基酸的鸿福路口啊,奥斯卡答复哈士大夫哈师大发输电和健康阿萨德鸿福路口氨基酸的鸿福路口啊",
-      favCount: 109,
-      replyCount: 212,
-      shareCount: 317,
-      userName: "马有发",
-      videoPath: "lib/images/pingguo.jpeg",
-      desc: "马友发做的一个有意思的模拟抖音的小App，用的Flutter哦~",
-      ifFaved: false);
-
-  Reply reply = Reply(
-    ifFaved: true,
-    afterReplies: List<Reply>(),
-    replyContent: "真可爱，真好看，真厉害~真可爱，真好看，真厉害~",
-    replyMakerAvatar: "https://pic2.zhimg.com/v2-a88cd7618933272ca681f86398e6240d_xll.jpg",
-    replyMakerName: "ABC",
-    whenReplied: "3小时前"
-  );
-
-  
-
-  setScreenHeight(height){
-    screenHeight=height;
+  List<MainInfo> infos = List<MainInfo>();
+  List<MainInfo> followed = List<MainInfo>();
+  TabController controller;
+  MainInfo mainInfo;
+
+  Reply reply;
+
+  RecommendProvider() {
+    controller = TabController(vsync: this, length: 2);
+    mainInfo = MainInfo(
+        avatarUrl:
+            "https://pic2.zhimg.com/v2-a88cd7618933272ca681f86398e6240d_xll.jpg",
+        content:
+            "奥斯卡答复哈士大夫哈师大发输电和健康阿萨德鸿福路口氨基酸的鸿福路口啊,奥斯卡答复哈士大夫哈师大发输电和健康阿萨德鸿福路口氨基酸的鸿福路口啊",
+        favCount: 109,
+        replyCount: 212,
+        shareCount: 317,
+        userName: "马有发",
+        videoPath: "lib/images/pingguo.jpeg",
+        desc: "马友发做的一个有意思的模拟抖音的小App，用的Flutter哦~",
+        ifFaved: false);
+
+    reply = Reply(
+        ifFaved: true,
+        afterReplies: List<Reply>(),
+        replyContent: "真可爱，真好看，真厉害~真可爱，真好看，真厉害~",
+        replyMakerAvatar:
+            "https://pic2.zhimg.com/v2-a88cd7618933272ca681f86398e6240d_xll.jpg",
+        replyMakerName: "ABC",
+        whenReplied: "3小时前");
+
+    infos.add(MainInfo(
+        avatarUrl:
+            "https://pic2.zhimg.com/v2-a88cd7618933272ca681f86398e6240d_xll.jpg",
+        content: "弗兰克斯代理费绿色出行女郎自行车卡水电费卡；双列的会计法第十六届法律深刻江东父老；看氨基酸的；联发科",
+        favCount: 219,
+        replyCount: 329,
+        shareCount: 1222,
+        userName: "范德彪",
+        videoPath: "lib/images/sky.jpg",
+        desc: "这个天空的图有点好看",
+        ifFaved: true));
+    infos.add(MainInfo(
+        avatarUrl:
+            "https://pic2.zhimg.com/v2-a88cd7618933272ca681f86398e6240d_xll.jpg",
+        content: "弗兰克斯代理费绿色出行女郎自行车卡水电费卡；双列的会计法第十六届法律深刻江东父老；看氨基酸的；联发科",
+        favCount: 119,
+        replyCount: 189,
+        shareCount: 262,
+        userName: "马大帅",
+        videoPath: "lib/images/temple.jpg",
+        desc: "我喜欢拜佛",
+        ifFaved: true));
+
+    infos.add(MainInfo(
+        avatarUrl:
+            "https://pic2.zhimg.com/v2-a88cd7618933272ca681f86398e6240d_xll.jpg",
+        content: "弗兰克斯代理费绿色出行女郎自行车卡水电费卡；双列的会计法第十六届法律深刻江东父老；看氨基酸的；联发科",
+        favCount: 98,
+        replyCount: 222,
+        shareCount: 1983,
+        userName: "ABC",
+        videoPath: "lib/images/woman.jpg",
+        desc: "黑色女人有黑色的美",
+        ifFaved: true));
+
+    followed.add(MainInfo(
+        avatarUrl:
+            "https://pic2.zhimg.com/v2-a88cd7618933272ca681f86398e6240d_xll.jpg",
+        content: "弗兰克斯代理费绿色出行女郎自行车卡水电费卡；双列的会计法第十六届法律深刻江东父老；看氨基酸的；联发科",
+        favCount: 219,
+        replyCount: 329,
+        shareCount: 1222,
+        userName: "范德彪",
+        videoPath: "lib/images/whitehouse.jpg",
+        desc: "这个天空的图有点好看",
+        ifFaved: true));
+    followed.add(MainInfo(
+        avatarUrl:
+            "https://pic2.zhimg.com/v2-a88cd7618933272ca681f86398e6240d_xll.jpg",
+        content: "弗兰克斯代理费绿色出行女郎自行车卡水电费卡；双列的会计法第十六届法律深刻江东父老；看氨基酸的；联发科",
+        favCount: 119,
+        replyCount: 189,
+        shareCount: 262,
+        userName: "马大帅",
+        videoPath: "lib/images/waterdrop.jpg",
+        desc: "我喜欢拜佛",
+        ifFaved: true));
+
+    followed.add(MainInfo(
+        avatarUrl:
+            "https://pic2.zhimg.com/v2-a88cd7618933272ca681f86398e6240d_xll.jpg",
+        content: "弗兰克斯代理费绿色出行女郎自行车卡水电费卡；双列的会计法第十六届法律深刻江东父老；看氨基酸的；联发科",
+        favCount: 98,
+        replyCount: 222,
+        shareCount: 1983,
+        userName: "ABC",
+        videoPath: "lib/images/woman2.jpg",
+        desc: "黑色女人有黑色的美",
+        ifFaved: true));
+  }
+
+  setScreenHeight(height) {
+    screenHeight = height;
     notifyListeners();
   }
 
-  hideBottomBar(){
-    ifShowBottom=false;
+  setTabController(ctrl) {
+    controller = ctrl;
+    // notifyListeners();
+  }
+
+  hideBottomBar() {
+    ifShowBottom = false;
     notifyListeners();
   }
+
   tapFav() {
     mainInfo.ifFaved = !mainInfo.ifFaved;
     if (mainInfo.ifFaved) {
@@ -48,6 +133,12 @@ class RecommendProvider with ChangeNotifier {
     }
     notifyListeners();
   }
+
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    return null;
+  }
 }
 
 class MainInfo {

lib/widgets/BottomBar.dart

@@ -1,5 +1,6 @@
 import 'package:douyin_demo/main.dart';
 import 'package:douyin_demo/pages/sameCity/SameCityPage.dart';
+import 'package:douyin_demo/pages/selfHome/HomePage.dart';
 import 'package:douyin_demo/providers/PostsGalleryProvider.dart';
 import 'package:douyin_demo/providers/RecommendProvider.dart';
 import 'package:flutter/material.dart';
@@ -44,12 +45,12 @@ class _BtmBarState extends State<BtmBar> {
     }
     selected[widget.selectIndex] = true;
   }
-  
+
   @override
   void dispose() {
-  // _controller.dispose();
-  super.dispose();
-}
+    // _controller.dispose();
+    super.dispose();
+  }
 
   tapItem(index) {
     // selected=List<bool>();
@@ -76,13 +77,23 @@ class _BtmBarState extends State<BtmBar> {
             context,
             MaterialPageRoute(
                 builder: (context) => MultiProvider(
-                  providers: [ChangeNotifierProvider(builder: (context)=>PostsGalleryProvider(),)],
-                  child: SameCityMain(
-                        selIndex: index,
-                      )
-                )),
+                        providers: [
+                          ChangeNotifierProvider(
+                            builder: (context) => PostsGalleryProvider(),
+                          )
+                        ],
+                        child: SameCityMain(
+                          selIndex: index,
+                        ))),
             ModalRoute.withName("/sameCity"));
         break;
+      case 2:
+        Navigator.pushAndRemoveUntil(
+            context,
+            MaterialPageRoute(
+                builder: (context) => SelfHomePage()),
+            ModalRoute.withName("/selfHome"));
+        break;
       default:
         break;
     }

lib/widgets/WebRequest.dart

@@ -6,10 +6,8 @@ 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;
     String scheme;
     int ports;
@@ -36,7 +34,7 @@ class WebRequest extends Object {
         ports = prefs.getInt('ports_real_d');
     }
     Uri url = Uri(
-        scheme: scheme,
+        scheme: scheme, //http https
         host: hosts,
         port: ports,
         path: path,

pubspec.lock

@@ -160,6 +160,20 @@ packages:
     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_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
@@ -429,6 +443,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.0.19"
+  stretchy_header:
+    dependency: "direct main"
+    description:
+      name: stretchy_header
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "1.0.5"
   string_scanner:
     dependency: transitive
     description:
@@ -457,6 +478,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "0.1.1+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:

pubspec.yaml

@@ -31,6 +31,8 @@ dependencies:
   sticky_headers:
   shared_preferences:
   json_annotation:
+  flutter_swiper:
+  stretchy_header:
     
 dev_dependencies:
   flutter_test:
@@ -53,6 +55,13 @@ flutter:
   # To add assets to your application, add an assets section, like this:
   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