Flutter入门（18）：Flutter 组件之 Route 详解

1. 基本介绍

Route 在 Flutter 里是极其重要的部分，用来处理页面跳转。本文主要普通路由，命名路由，以及自定义路由等。
如果是简单的页面跳转可以参考Flutter 页面创建与跳转。

2. 示例代码

代码下载地址。如果对你有帮助的话记得给个关注，代码会根据我的 Flutter 专题不断更新。

3. 基础功能

  • 命名路由 routes
  • 路由跳转 push、pop
  • 初始路由 initialRoute
  • 路由拦截 onGenerateRoute

4. 命名 Route 详解

4.1 容器创建

优雅的编程，我们创建一个 materialapp.dart 文件。

import 'package:flutter/material.dart';

class FMMaterialAppVC extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      home: Scaffold(
        body: AAA(),
      ),
      routes: {
        '/bbb': (context) => BBB(),
        '/ccc': (context) => CCC(),
        '/ddd': (context) => DDD(),
      },
    );
  }
}

class AAA extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text('AAA'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('点击前往BBB'),
          onPressed: (){
            Navigator.pushNamed(context, '/bbb');
          },
        ),
      ),
    );
  }
}

class BBB extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text('BBB'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('点击前往CCC'),
          onPressed: (){
            Navigator.pushNamed(context, '/ccc');
          },
        ),
      ),
    );
  }
}

class CCC extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text('CCC'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('点击前往DDD'),
          onPressed: (){
            Navigator.pushNamed(context, '/ddd');
          },
        ),
      ),
    );
  }
}

class DDD extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text('DDD'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('点击回到AAA'),
          onPressed: (){
            Navigator.popUntil(context, (route) => route.isFirst);
          },
        ),
      ),
    );
  }
}

我们为 BBB，CCC，DDD 进行了命名，效果如下。


named route.gif

4.2 路由跳转方式之 Push 详解

在上文中，我们使用了 pushNamed 方法，推到一个新的页面。

class AAA extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text('AAA'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('点击前往BBB'),
          onPressed: (){
            Navigator.pushNamed(context, '/bbb');
          },
        ),
      ),
    );
  }
}

路由 push 其实还有很多种写法。

4.2.1 Navigator.pushNamed

无参数

Navigator.pushNamed(context, '/bbb');

有参数

final datas = {"data": ["1","2","3"]};
Navigator.pushNamed(context, '/bbb', arguments: datas);

4.2.2 Navigator.push

无参数

            Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context){
                      return BBB();
                  }
            );

有参数，name 可以用来给路由命名，arguments 用来传递参数

            final datas = {"data": ["1","2","3"]};

            Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context){
                      return BBB();
                  },
                  settings: RouteSettings(
                    name: '/bbb',
                    arguments: datas,
                  ),
                ),
            );

上面代码意思就是跳转到 BBB() 页面，并且给 BBB() 命名为 '/bbb'，在路由堆栈中，读取到这个 route 时，route.setting.name 与该命名相同。

4.2.3 Navigator.of(context).pushNamed

无参数

            Navigator.of(context).pushNamed('/bbb');

有参数

            final datas = {"data": ["1","2","3"]};
            Navigator.of(context).pushNamed('/bbb',arguments: datas);

4.2.4 Navigator.of(context).push

无参数

            Navigator.of(context).push(
              MaterialPageRoute(
                builder: (context){
                  return BBB();
                }
              ),
            );

有参数

            final datas = {"data": ["1","2","3"]};

            Navigator.of(context).push(
              MaterialPageRoute(
                builder: (context){
                  return BBB();
                },
                settings: RouteSettings(
                  name: '/bbb',
                  arguments: datas,
                ),
              ),
            );

4.3 路由跳转方式之 Push 进阶

4.2 中是最为常用的页面进出栈，但是在某些场合需要有特殊的处理。
注意：写法大同小异，后续就不在赘述传参方式，均与4.2相同。

4.3.1 pushNamedAndRemoveUntil

例如我们页面从AAA->BBB->CCC->DDD，这样进行页面，但是我们希望 CCC 再使用过后就被销毁。使得页面层级变为 AAA-BBB-DDD。

  • Navigator.pushNamedAndRemoveUntil

如下方代码，我们在 CCC 中来做处理。
我们的页面层级为 AAA->BBB->CCC->DDD，我们在 CCC 中 push 到 DDD 页面，然后从栈顶开始删除，直到这个route.setting.name == '/bbb'，也就是销毁 BBB 与 DDD 中间所有的页面。

class CCC extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text('CCC'),
      ),
      body: _listView(context),
    );
  }
  
  ListView _listView(BuildContext context){
    return ListView(
      children: [
        ListTile(
          title: Text("Navigator.pushNamed"),
          onTap: (){
            Navigator.pushNamed(context, '/ddd');
          },
        ),
        ListTile(
          title: Text("Navigator.pushNamedAndRemoveUntil"),
          onTap: (){
            Navigator.pushNamed(context, '/ddd');
          },
        ),
        ListTile(
          title: Text("Navigator.of(context).pushNamedAndRemoveUntil"),
          onTap: (){
            Navigator.of(context).pushNamedAndRemoveUntil('/ddd', (route) => route.settings.name == '/ddd');
          },
        ),
        ListTile(
          title: Text("Navigator.pushNamedAndRemoveUntil - current"),
          onTap: (){
            Navigator.of(context).pushNamedAndRemoveUntil('/ddd', (route) => route.isCurrent);
          },
        ),
        ListTile(
          title: Text("Navigator.pushReplacementNamed"),
          onTap: (){
            Navigator.pushReplacementNamed(context, '/ddd');
          },
        ),
        ListTile(
          title: Text("Navigator.of(context).pushReplacementNamed"),
          onTap: (){
            Navigator.of(context).pushReplacementNamed('/ddd');
          },
        ),
        ListTile(
          title: Text("Navigator.pushReplacement"),
          onTap: (){
            Navigator.pushReplacement(context,
              MaterialPageRoute(
                builder: (context){
                  return DDD();
                },
                settings: RouteSettings(
                  name: '/ddd',
                ),
              ),
            );
          },
        ),
        ListTile(
          title: Text("Navigator.of(context).pushReplacement"),
          onTap: (){
            Navigator.of(context).pushReplacement(
              MaterialPageRoute(
                builder: (context){
                  return DDD();
                },
                settings: RouteSettings(
                  name: '/ddd',
                ),
              ),
            );
          },
        ),
        ListTile(
          title: Text("Navigator.popAndPushNamed"),
          onTap: (){
            Navigator.popAndPushNamed(context, '/ddd');
          },
        ),
        ListTile(
          title: Text("Navigator.of(context).popAndPushNamed"),
          onTap: (){
            Navigator.of(context).popAndPushNamed('/ddd');
          },
        ),
      ],
    );
  }
}

如gif图，我们push 顺序为 AAA->BBB->CCC->DDD，返回时为 DDD->BBB->AAA，CCC页面销毁。


route removeUnti.gif
  • Navigator.of(context).pushNamedAndRemoveUntil
            Navigator.of(context).pushNamedAndRemoveUntil('/ddd', (route) => route.settings.name == '/bbb');
route removeUnti.gif
  • Navigator.of(context).pushNamedAndRemoveUntil('/ddd', (route) => route.isCurrent)
    跳转到指定页面，并删除前边所有页面
Navigator.of(context).pushNamedAndRemoveUntil('/ddd', (route) => route.isCurrent)
// 等价于下面这行代码
            //Navigator.of(context).pushNamedAndRemoveUntil('/ddd', (route) => route.settings.name == '/ddd');
route removeUntil current.gif

4.3.2 pushReplacementNamed

例如我们页面从AAA->BBB->CCC->DDD，这样进行页面，但是我们希望 CCC 再使用过后就被销毁。使得页面层级变为 AAA-BBB-DDD。

注意：同4.2.2区别，假设我们的页面为 AAA->BBB->CCC->DDD->EEE->FFF，我们在 EEE 页面跳转到 FFF 并且 removeUntil('/bbb')，那么我们的页面层级则会变成 AAA->BBB->FFF。而使用 pushReplacementNamed('/ddd')，则会变成 AAA->BBB->CCC->DDD->FFF。

  • Navigator.pushReplacementNamed
            Navigator.pushReplacementNamed(context, '/ddd');
route pushReplacement.gif
  •         Navigator.of(context).pushReplacementNamed

            Navigator.of(context).pushReplacementNamed('/ddd');
  • Navigator.pushReplacement

具体可以参考 4.2 写法

            Navigator.pushReplacement(context,
                  MaterialPageRoute(
                    builder: (context){
                      return DDD();
                    },
                    settings: RouteSettings(
                      name: '/ddd',
                    ),
                  ),
            );
  • Navigator.of(context).pushReplacement
    具体可以参考 4.2 写法
            Navigator.of(context).pushReplacement(
              MaterialPageRoute(
                builder: (context){
                  return DDD();
                },
                settings: RouteSettings(
                  name: '/ddd',
                ),
              ),
            );

4.3.3 popAndPushNamed

先 pop 一级，然后在 push 到对应页面，效果与4.3.2 相同

  • Navigator.popAndPushNamed
            Navigator.popAndPushNamed(context, '/ddd');
route popAndPushNamed.gif
  • Navigator.of(context).popAndPushNamed
            Navigator.of(context).popAndPushNamed('/ddd');

4.4 路由跳转方式之 Pop 详解

Pop 是路由返回方式，与 push 正好相反，push 用来控制页面入栈，而 pop 则控制页面出栈。其实左上角的返回按钮会默认执行一次 pop 方法。

由于 pop 是返回方式，我们在最后一个页面 DDD 中操作。

class DDD extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text('DDD'),
      ),
      body: _listView(context),
    );
  }

  ListView _listView(BuildContext context){
    return ListView(
      children: [
        ListTile(
          title: Text('Navigator.pop'),
          onTap: (){
            Navigator.pop(context);
            // final data = {"data":["1","2","3"]};
            // Navigator.pop(context, data);
          },
        ),
        ListTile(
          title: Text('Navigator.pop'),
          onTap: (){
            Navigator.of(context).pop();
          },
        ),
        ListTile(
          title: Text('Navigator.canPop'),
          onTap: (){
            bool canpop = Navigator.canPop(context);
            if (canpop) Navigator.pop(context);
          },
        ),
        ListTile(
          title: Text('Navigator.maybePop'),
          onTap: (){
            Navigator.maybePop(context);
          },
        ),
      ],
    );
  }
}
route pop.gif

4.4.1 Navigator.pop

无参数

            Navigator.pop(context);

有参数

            final data = {"data":["1","2","3"]};
            Navigator.pop(context, data);

4.4.2 Navigator.of(context).pop

无参数

            Navigator.of(context).pop();

有参数

            final data = {"data":["1","2","3"]};
            Navigator.of(context).pop(data);

4.4.3 Navigator.canPop

判断是否可以 pop

            bool canpop = Navigator.canPop(context);
            if (canpop) Navigator.pop(context);

4.4.4 Navigator.of(context).canPop

            bool canpop = Navigator.of(context).canPop();

4.4.5 Navigator.maybePop

先判断是否可以 pop，如果可以，在pop，相当于 4.4.3 中代码

            Navigator.maybePop(context);

4.4.6 Navigator.of(context).maybePop

            Navigator.of(context).maybePop(context);

4.5 路由跳转方式之 Pop 进阶

4.4 中是最为常用的页面进出栈，但是在某些场合需要有特殊的处理。pop 进阶方法比较少，只有 popUntil 与 popAndPushNamed ，在4.3.3中讲过后者了，这里不重复叙述。

  • 回到栈顶
            Navigator.popUntil(context, (route) => route.isFirst);
  • 回到指定页面

我们使用下方代码回到 BBB 页面

            Navigator.popUntil(context, (route) => route.settings.name == '/bbb');
  • 页面堆栈了解
    这里我们自定义一下方法，查看一下当前堆栈的所有 route
            Navigator.popUntil(context, (route) => _lookRoutes(route));

  bool _lookRoutes(Route route){
    print(route);
    return route.isFirst;
  }
all routes.png

我们来看一下上述页面的所有效果。


route popUntil.gif

5. 初始路由 initialRoute

我们注释掉 home 属性，使用 initialRoute 来加载页面

  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      // home: Scaffold(
      //   body: AAA(),
      // ),
      initialRoute: '/ccc',
      routes: {
        '/aaa': (context) => AAA(),
        '/bbb': (context) => BBB(),
        '/ccc': (context) => CCC(),
        '/ddd': (context) => DDD(),
      },
    );
  }
initialRoute ccc.png

5.1 initialRoute 使用了未命名的路由

报错如下。

A GlobalKey was used multiple times inside one widget's child list.

注意：initialRoute 需要使用 routes 表中的命名过的路由，否则会报错。

5.2 解决方案

  • a. 更改 initialRoute 为 routes 表里命名过得路由。

  • b. 设置根路由
    设置路由 '/' ，当初始路由异常时，会停留在根路由。

  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      // home: Scaffold(
      //   body: AAA(),
      // ),
      initialRoute: '/ccc',
      routes: {
        '/': (context) => AAA(),
        '/bbb': (context) => BBB(),
        '/ccc': (context) => CCC(),
        '/ddd': (context) => DDD(),
      },
    );
  }
initialRoute plan1.png
  • c. 使用未知路由
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      // home: Scaffold(
      //   body: AAA(),
      // ),
      initialRoute: '/cc',
      routes: {
        '/aaa': (context) => AAA(),
        '/bbb': (context) => BBB(),
        '/ccc': (context) => CCC(),
        '/ddd': (context) => DDD(),
      },
      onUnknownRoute: (setting){
        print(setting);
        return MaterialPageRoute(builder: (context) => AAA());
      },
    );
  }
initialRoute plan2.png

6. 未知路由 onUnknownRoute

class FMMaterialAppVC extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      initialRoute: '/',
      routes: {
        '/': (context) => AAA(),
        '/bbb': (context) => BBB(),
        '/ccc': (context) => CCC(),
        '/ddd': (context) => DDD(),
      },
      onUnknownRoute: (setting){
        print(setting);
        return MaterialPageRoute(builder: (context) => AAA());
      },
    );
  }
}

class BBB extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text('BBB'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('点击前往CCC'),
          onPressed: (){
            Navigator.pushNamed(context, '/cc');
          },
        ),
      ),
    );
  }
}

我们在 BBB 页面中 push 一个错误的 '/cc' 路由，按照我们 onUnknownRoute 中的设置，我们返回一个 AAA()，用这个可以做一个统一的报错页面。


route onUnknownRoute.gif

7. 路由拦截 onGenerateRoute

class FMMaterialAppVC extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      // home: Scaffold(
      //   body: AAA(),
      // ),
      initialRoute: '/',
      routes: {
        '/': (context) => AAA(),
        '/bbb': (context) => BBB(),
        '/ccc': (context) => CCC(),
        '/ddd': (context) => DDD(),
      },
      // onGenerateInitialRoutes: (string){
      //   return [
      //     MaterialPageRoute(builder: (context) => AAA()),
      //   ];
      // },
      onGenerateRoute: (setting){
        print(setting);
        return MaterialPageRoute(builder: (context) => CCC());
      },
      onUnknownRoute: (setting){
        print(setting);
        return MaterialPageRoute(builder: (context) => AAA());
      },
    );
  }
}

应该有很多小伙伴跟我一样，onGenerateRoute 不执行，明明写了 onGenerateRoute 方法，但是却不响应。查了挺多博客，没有相关描述，然后去翻了官方文档和源码，终于找到问题。

onGenerateRoute 路由拦截不能与命名路由一起使用，否则会只执行命名路由，不在进行拦截。下面我们注释掉命名路由，然后通过路由拦截，自定义一套路由跳转，从而实现命名路由的功能。

  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      initialRoute: '/',
      // routes: {
      //   '/': (context) => AAA(),
      //   '/bbb': (context) => BBB(),
      //   '/ccc': (context) => CCC(),
      //   '/ddd': (context) => DDD(),
      // },
      // onGenerateInitialRoutes: (string){
      //   return [
      //     MaterialPageRoute(builder: (context) => AAA()),
      //   ];
      // },
      onGenerateRoute: (setting){
        print(setting);
        final isLogin = true;
        
        final routes = {
          '/': (context) => AAA(),
          '/bbb': (context) => BBB(),
          '/ccc': (context) => CCC(),
          '/ddd': (context) => DDD(),
        };
        
        if (!isLogin) {
           return MaterialPageRoute(builder: (context) => AAA());
        }
        
        return MaterialPageRoute(builder: routes[setting.name], settings: setting);
      },
      onUnknownRoute: (setting){
        print(setting);
        return MaterialPageRoute(builder: (context) => AAA());
      },
    );
  }

举一反三，在拦截路由中自定义一张路由表。当未登录时，对页面进行拦截，跳转到登录页面，已登录时，正常加载路由表内的页面，实现路由拦截功能。


route onGenerateRoute.gif

8. 路由传值

在App中，页面之间的通讯和传值是非常重要的，这里只单独介绍一下使用路由时的传值方式，以及反向传值的方法。

我们在 BBB 页面使用 pushNamed 传值给 CCC，在 CCC 页面介绍如何接收路由传值。然后在 CCC 页面使用 pop 带参数回来，在 BBB 页面介绍如何接收路由反参。

8.1 路由正向传值以及反参接收

BBB 页面 push 到 CCC，并等待 CCC 回来时的反参。

class BBB extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text('BBB'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('点击前往CCC'),
          onPressed: (){
            var backValueFromDDD = Navigator.pushNamed(context, '/ccc',arguments: {'value': "我是BBB页面传过来的值"});
            backValueFromDDD.then((value){
              print("CCC 传回来反参了，${value}");
            });
            // Navigator.pushNamedAndRemoveUntil(context, '/ccc', (route) => route.isCurrent);
          },
        ),
      ),
    );
  }
}

我们使用 then 属性来接收下一个页面 pop 回来带的参数。

8.2 路由接收正向传值以及反向传参

我们在 CCC 类中增加以下代码。

  Widget build(BuildContext context) {
    // TODO: implement build
    var value = ModalRoute.of(context).settings.arguments;
    print("BBB 页面带过来参数了，${value}");

    return Scaffold(
      appBar: AppBar(
        title: Text('CCC'),
      ),
      body: _listView(context),
    );
  }

        ListTile(
          title: Text("Navigator.of(context).pop 传参"),
          onTap: (){
            Navigator.of(context).pop({"value":"我是CCC页面带回来的值"});
          },
        ),

8.3 打印效果

route argument.gif

8.4 其他写法

在 BBB 中可以尝试以下写法，可以达到相同效果。

class BBB extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Scaffold(
      appBar: AppBar(
        title: Text('BBB'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('点击前往CCC'),
          onPressed: () async {
            var backValueFromDDD = await Navigator.pushNamed(context, '/ccc',arguments: {'value': "我是BBB页面传过来的值"});
            backValueFromDDD;
            print(backValueFromDDD);
            // Navigator.pushNamedAndRemoveUntil(context, '/ccc', (route) => route.isCurrent);
          },
        ),
      ),
    );
  }
}

9. 技术小结

  • 路由在App中是一个非常重要的功能，我已经从事App开发多年了，对页面堆栈以及原理比较熟悉，所以上手起来比较容易。初学者需要更多耐心来理解和尝试路由的各个方法。
  • 路由这一篇章花费时间较多，踩坑也比较多，为了尽可能的覆盖到路由的全部用法，本文篇幅也比较长。
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 203,456评论 5赞 477
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 85,370评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 150,337评论 0赞 337
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,583评论 1赞 273
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,596评论 5赞 365
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,572评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 37,936评论 3赞 395
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,595评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,850评论 1赞 297
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1赞 329
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,371评论 4赞 318
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,951评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1赞 259
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2赞 349
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2赞 342